Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Accessibility issues #292

Closed
28 of 30 tasks
jum-s opened this issue Oct 8, 2021 · 0 comments
Closed
28 of 30 tasks

Accessibility issues #292

jum-s opened this issue Oct 8, 2021 · 0 comments

Comments

@jum-s
Copy link
Contributor

jum-s commented Oct 8, 2021

This issue was produced thanks to the accessibility audit done by the Accessibility Foundation. The list below is not comprehensive and the focus should not be limited to this list.
Any of those point in the list can be tackled independently (please add commit id when fixing a point)
Some previous accessibility work has been done with #248

page specific:

  • items: add an alt text on items cover (1.1.1)
  • welcome page: add an alt text on recent items cover (1.1.1)
  • settings/notifications: link the question through fieldset and legend elements (1.3.1)
  • settings/account : "Danger Zone" should be a darker red (1.4.3)
  • network: invite a friend: input field placeholder "Email address" should be darker (1.4.3)
  • items cascade: send request background should be darker (1.4.3)
  • item: title "layout-type-label" should be darker (1.4.3)
  • login: at 200% zoom, login buttons should be displayed (1.4.4)
  • login: buttons "Show", "Create an account" and "Forgot your password?" should be keyboard operable (2.1.1)
  • login: add some hidden text using CSS that describes the "x" button to close the error message. (4.1.2)
  • item pop-up: add some hidden text using CSS that describes the "x" button to close pop-up. (4.1.2)
  • settings/notifications: error notifications, closing button must have a name (4.1.2)
  • entity/work: add name, role and value to toggle button (4.1.2)
  • welcome: add to "Our mission & values" button an aria-expanded="true" attribute (4.1.2)
  • search bar: add aria attributes to search field (3.2.2)

general:

  • add autocomplete attribute to inputs (1.3.5)
  • give a second hint to keyboard focus (ie. border or underline element) (example: mastodon join page input fields) (1.4.1)
  • at 200% zoom, language selection menu should be displayed (1.4.4)
  • input fields borders should have a higher contrast (1.4.11)
  • languages drop-down menu should be keyboard accessible (2.1.1)
  • search: without pressing 'Escape', results menu should close when tabbing (2.4.3)
  • improve visible focus in general (2.4.7)
  • should have the correct lang attribute (3.1.1)
  • give foreign-language texts a language identification (3.1.2)
  • empty feedback should not be sent (3.3.1)
  • search: give a label with instructions what the input field is for (placeholder's not enough) (3.3.2)
  • feedback: add a role="aria-live" attribute to "thank you" pop-up (4.1.3)
  • feedback: "thank you" pop-up disappears too fast (4.1.3)
  • make global-menu a element with a name, role and value (4.1.2)
  • add skip links that allow the visitor to bypass blocks of content so that they can get directly to the main content (2.4.1)

not taken into account (not understood, or cannot reproduce problem)

  • 1.3.2 Meaningful Sequence
  • settings/data: at 200% zoom, menu items should be displayed (1.4.4)
  • 3.3.2 The input fields of the pop-up where the user can send feedback via menu link "Profile"
    are not labeled with instructions.
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

No branches or pull requests

2 participants