@@ -623,25 +623,25 @@ <h2>
623
623
< ol >
624
624
< li > Designing and making applications which do not place content in the
625
625
fold/hinge area, especially buttons. This area is typically hard to
626
- interact with with fingers because the curvature of the fold make touch
626
+ interact with with fingers because the curvature of the fold makes touch
627
627
less precise or impossible.
628
628
</ li >
629
- < li > Designing and making applications which do not put a large
630
- contiguous content (like a video or a picture) spanning across the
629
+ < li > Designing and making applications which do not put large,
630
+ contiguous content (such as video or a picture) spanning across the
631
631
fold/hinge area if the device is folded. This area slightly distorts
632
632
content and colors.
633
633
</ li >
634
634
< li > Designing and making applications which use the screen estate
635
- better by providing a split UI - a user interface where the content is
636
- split up across the screen segments - , allowing the application to
635
+ better by providing a split UI ( a user interface where the content is
636
+ split up across the screen segments) , allowing the application to
637
637
provide a differentiated and more powerful interface.
638
638
</ li >
639
639
</ ol > When using this API it is important to consider the opportunities
640
640
above with accessibility in mind. Here are few concrete examples:
641
641
< ul >
642
642
< li >
643
643
< strong > Placement of UI elements:</ strong > A typical placement logic
644
- for dialogs is to center them horizontally and vertically but in a
644
+ for dialogs is to center them horizontally and vertically, but in a
645
645
device folded with a symmetrical fold they may end up in the middle
646
646
of the fold area making it harder to interact with, for instance
647
647
clicking on buttons. It might also make it harder to read text due to
651
651
< strong > Fullscreen mode:</ strong > When resizing an element in
652
652
fullscreen, a typical logic would expand that element to the width
653
653
and the height of the {{Window}}. If the device is folded, the
654
- element will be laid out across the fold making a subpar user
654
+ element will be laid out across the fold, leading to a subpar user
655
655
experience. An alternative is to display that element either on top
656
656
or below the fold area.
657
657
</ li >
669
669
< strong > Content shouldn't be designed for just one
670
670
{{posture}}:</ strong > The idea of foldable devices is their
671
671
versatility and the ability for the user to change the posture as
672
- they see fit. With accessibility, it is important to not always
672
+ they see fit. Similarly to the < a href ="https://www.w3.org/WAI/WCAG21/Understanding/orientation.html "
673
+ > orientation</ a > , it is important to not always
673
674
choose for the user as they might have other needs but allowing them
674
675
to choose the UI that fits their needs better. Ideally it is
675
676
preferred to make the UI configurable.
761
762
</ h2 >
762
763
< p >
763
764
We would like to offer our sincere thanks to Daniel Appelquist, Jo
764
- Balletti, Michael Blix, Alexis Menard and Laura Morinigo for their
765
- contributions to this work.
765
+ Balletti, Michael Blix, Paul Grenier and Laura Morinigo
766
+ for their contributions to this work.
766
767
</ p >
767
768
</ section >
768
769
</ body >
0 commit comments