diff options
| author | Evan Read <eread@gitlab.com> | 2019-02-22 13:17:10 +0000 |
|---|---|---|
| committer | Achilleas Pipinellis <axil@gitlab.com> | 2019-02-22 13:17:10 +0000 |
| commit | eb866309591f64a3cafb3c950b2cb6a0185595e8 (patch) | |
| tree | 669e1fed24babeb9d36abce149e4e01979aa6787 /doc/development/new_fe_guide/development/accessibility.md | |
| parent | 0152d6ff1187c1baf25415189a0d73972875c328 (diff) | |
| download | gitlab-ce-eb866309591f64a3cafb3c950b2cb6a0185595e8.tar.gz | |
Ensure all lists are surrounded by new lines
Markdown renderers find it easier to determine
where lists start and end when lists are surrounded
by new lines.
For consistency, also ensure entries in the list
are aligned when they span multipls lines.
Diffstat (limited to 'doc/development/new_fe_guide/development/accessibility.md')
| -rw-r--r-- | doc/development/new_fe_guide/development/accessibility.md | 3 |
1 files changed, 2 insertions, 1 deletions
diff --git a/doc/development/new_fe_guide/development/accessibility.md b/doc/development/new_fe_guide/development/accessibility.md index 2a3a126ca5c..8420a504ec4 100644 --- a/doc/development/new_fe_guide/development/accessibility.md +++ b/doc/development/new_fe_guide/development/accessibility.md @@ -2,7 +2,7 @@ Using semantic HTML plays a key role when it comes to accessibility. ## Accessible Rich Internet Applications - ARIA -WAI-ARIA, the Accessible Rich Internet Applications specification, defines a way to make Web content and Web applications more accessible to people with disabilities. +WAI-ARIA, the Accessible Rich Internet Applications specification, defines a way to make Web content and Web applications more accessible to people with disabilities. > Note: It is [recommended][using-aria] to use semantic elements as the primary method to achieve accessibility rather than adding aria attributes. Adding aria attributes should be seen as a secondary method for creating accessible elements. @@ -15,6 +15,7 @@ Check the list of WAI-ARIA roles [here][roles] When using icons or images that aren't absolutely needed to understand the context, we should use `aria-hidden="true"`. On the other hand, if an icon is crucial to understand the context we should do one of the following: + 1. Use `aria-label` in the element with a meaningful description 1. Use `aria-labelledby` to point to an element that contains the explanation for that icon |