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

Make menus and nav more accessible #666

Merged
merged 9 commits into from
Feb 22, 2020

Conversation

tunetheweb
Copy link
Member

@tunetheweb tunetheweb commented Feb 8, 2020

Makes the following changes:

A couple of notes on this:

  • I did not use the role="menu" as apparently that is wrong for navigation menus which are lists of links and should only be used for true application menus
  • I bumped version on 2019.css to 2019.css?v=2 as these are breaking changes.

@tunetheweb tunetheweb added development Building the Almanac tech stack design Creating the Almanac UX labels Feb 8, 2020
tunetheweb added a commit that referenced this pull request Feb 13, 2020
* home page accessibility fixes

* Bring home page intro section into index.html

* Add fallback background colours

* Tidy up responsive sections

* Remove fallback colours due to classes on Safari

* Add alt text for psuedo content

* Add fallback colour incase SVG does not load

* Fix typo

* Remove alt English text for +/- to avoid translation issues. Fixed properly in #666

* Comment out SVG URL version

See #664 (comment)

* Move background colour into SVG for consistency

* Regenerate base64 banner image
@rviscomi
Copy link
Member

Not sure if it's this PR but the layout appears broken on the home page. Could you look into this?
image

@tunetheweb
Copy link
Member Author

Not seeing this. Can you give more more details (Browser, OS, screensize)?

And definitely cleared your cache when you loaded this?

src/templates/ar/2019/base.html Outdated Show resolved Hide resolved
src/templates/ar/2019/base.html Outdated Show resolved Hide resolved
src/templates/ar/2019/base.html Show resolved Hide resolved
src/templates/ar/2019/base.html Outdated Show resolved Hide resolved
src/templates/ar/2019/base.html Outdated Show resolved Hide resolved
src/templates/ar/2019/base.html Outdated Show resolved Hide resolved
src/templates/ar/2019/base.html Outdated Show resolved Hide resolved
src/templates/ar/2019/base.html Outdated Show resolved Hide resolved
@tunetheweb
Copy link
Member Author

Anything holding up merging this @rviscomi ? Think I answered all your questions but let me know if you still have questions.

@tunetheweb tunetheweb merged commit dacee08 into master Feb 22, 2020
@tunetheweb tunetheweb deleted the menu_accessibility_improvements branch February 22, 2020 15:34
@tunetheweb tunetheweb added the accessibility Accessibility related label Feb 23, 2020
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
accessibility Accessibility related design Creating the Almanac UX development Building the Almanac tech stack
Projects
None yet
Development

Successfully merging this pull request may close these issues.

Home page background color glitching
2 participants