Difference between revisions of "Accessibility"
m |
|||
(8 intermediate revisions by 2 users not shown) | |||
Line 1: | Line 1: | ||
<noinclude>{{Manual Page|version=5.0}}</noinclude> | <noinclude>{{Manual Page|version=5.0}}</noinclude> | ||
+ | {{note|For examples of accessible applets and more information see [https://www.geogebra.org/m/r2EF8uRx GeoGebra Accessibility].}} | ||
− | + | When designing applets it is important to allow (as much as possible) for all students to access them. | |
− | |||
− | |||
− | == | + | ==Fontsize, Color & Contrast== |
− | + | ||
− | + | Using large fonts with a good contrast is important. Select a large font-size in Options -> Fontsize before you start designing your applet. You can also use the keyboard shortcut {{KeyCode|Ctrl+2}} to make all fonts bigger and all lines thicker. {{KeyCode|Ctrl+3}} will change the default for all new objects to be Black and unfilled. | |
+ | |||
+ | Ideally use dark colors on a white background and thick lines. Pure [http://snook.ca/technical/colour_contrast/colour.html#fg=FF0000,bg=FFFFFF Red] and [http://snook.ca/technical/colour_contrast/colour.html#fg=00FF00,bg=FFFFFF Green] don't have a very good contrast so you should use some darker versions, eg [http://snook.ca/technical/colour_contrast/colour.html#fg=0000FF,bg=FFFFFF Blue], [http://snook.ca/technical/colour_contrast/colour.html#fg=226600,bg=FFFFFF Dark Green], [http://snook.ca/technical/colour_contrast/colour.html#fg=990033,bg=FFFFFF Dark Red] | ||
+ | |||
+ | If you use colors to distinguish otherwise-similar objects, then consider also using dashed lines for one of them. You can also find websites where you can check whether your color scheme is good, for example http://www.vischeck.com/ | ||
+ | |||
+ | ==Sliders== | ||
+ | |||
+ | Make sliders as long as possible so that they are usable by students whose fine motor-skills are less good. Consider adding "decrement" and "increment" Buttons at each end of the slider as well. | ||
+ | |||
+ | ==Keyboard Shortcuts== | ||
+ | Students can use {{KeyCode|Tab}} to cycle round the objects in a worksheet you have designed. It is important that you '''uncheck "Selection Allowed"''' in Object Properties -> Advanced for the objects you don't want to be selected. There is a keyboard shortcut {{KeyCode|Ctrl+Shift+D}} in the desktop version that will toggle this property for objects '''other than''' Buttons / Sliders / Checkboxes / Points / Input Boxes. | ||
+ | |||
+ | The arrow keys {{KeyCode|Left}}, {{KeyCode|Right}}, {{KeyCode|Up}}, {{KeyCode|Down}} can be used to move Sliders and Points once they are selected. | ||
+ | |||
+ | {{KeyCode|Space}} can be used to activate a Button, toggle a Checkbox or start/stop a slider animating | ||
+ | |||
+ | {{KeyCode|Escape}} can be used to leave a worksheet and {{KeyCode|Enter}} to go back in (useful if you have several GeoGebra worksheets on one page) | ||
+ | |||
+ | {{KeyCode|+}} and {{KeyCode|−}} can be used to move a point on a path (eg on a circle) | ||
+ | |||
+ | GeoGebra Applets are also fully touch-enabled so students can use applets on a special large tablet if necessary. | ||
+ | |||
+ | ==Tooltips== | ||
+ | You can provide custom tooltips for certain objects by using the ''Caption'' property, and changing how the tooltip is shown: | ||
+ | https://wiki.geogebra.org/en/Tooltips | ||
+ | |||
+ | ==Screen Readers== | ||
+ | |||
+ | You can have some text attached to the Graphics Views so that it is read by a screen reader. | ||
+ | |||
+ | If you make a text object in GeoGebra called <code>altText</code>, <code>altText2</code>, <code>altText3D</code> then it will be attached to Graphics View 1, Graphics View 2, Graphics View 3D respectively. |
Latest revision as of 14:26, 4 October 2018
When designing applets it is important to allow (as much as possible) for all students to access them.
Fontsize, Color & Contrast
Using large fonts with a good contrast is important. Select a large font-size in Options -> Fontsize before you start designing your applet. You can also use the keyboard shortcut Ctrl + 2 to make all fonts bigger and all lines thicker. Ctrl + 3 will change the default for all new objects to be Black and unfilled.
Ideally use dark colors on a white background and thick lines. Pure Red and Green don't have a very good contrast so you should use some darker versions, eg Blue, Dark Green, Dark Red
If you use colors to distinguish otherwise-similar objects, then consider also using dashed lines for one of them. You can also find websites where you can check whether your color scheme is good, for example http://www.vischeck.com/
Sliders
Make sliders as long as possible so that they are usable by students whose fine motor-skills are less good. Consider adding "decrement" and "increment" Buttons at each end of the slider as well.
Keyboard Shortcuts
Students can use Tab to cycle round the objects in a worksheet you have designed. It is important that you uncheck "Selection Allowed" in Object Properties -> Advanced for the objects you don't want to be selected. There is a keyboard shortcut Ctrl + Shift + D in the desktop version that will toggle this property for objects other than Buttons / Sliders / Checkboxes / Points / Input Boxes.
The arrow keys Left, Right, Up, Down can be used to move Sliders and Points once they are selected.
Space can be used to activate a Button, toggle a Checkbox or start/stop a slider animating
Escape can be used to leave a worksheet and Enter to go back in (useful if you have several GeoGebra worksheets on one page)
+ and − can be used to move a point on a path (eg on a circle)
GeoGebra Applets are also fully touch-enabled so students can use applets on a special large tablet if necessary.
Tooltips
You can provide custom tooltips for certain objects by using the Caption property, and changing how the tooltip is shown: https://wiki.geogebra.org/en/Tooltips
Screen Readers
You can have some text attached to the Graphics Views so that it is read by a screen reader.
If you make a text object in GeoGebra called altText
, altText2
, altText3D
then it will be attached to Graphics View 1, Graphics View 2, Graphics View 3D respectively.