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

Home page accessibility fixes #664

Merged
merged 12 commits into from
Feb 13, 2020
Merged

Home page accessibility fixes #664

merged 12 commits into from
Feb 13, 2020

Conversation

tunetheweb
Copy link
Member

Fixes #663

@tunetheweb tunetheweb added the design Creating the Almanac UX label Feb 2, 2020
Copy link
Member

@catalinred catalinred left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Great work, Barry! I've added some comments here and there, let me know what you think!

Also, with this PR, I've noticed once again it's a bit difficult to keep all the multilingual templates markup in sync. In the future, it would be great if all the pages inherit the same parametrized template, as it's the same markup after all.

src/static/css/index.css Show resolved Hide resolved
src/static/css/index.css Show resolved Hide resolved
src/static/css/index.css Show resolved Hide resolved
src/static/images/intro-background-fit.svg Outdated Show resolved Hide resolved
@tunetheweb
Copy link
Member Author

tunetheweb commented Feb 11, 2020

Great work, Barry! I've added some comments here and there, let me know what you think!

Thanks. Replied to most of them. Hopefully explains my thinking a bit better. Let me know if that makes sense or if you've any more comments on my reasoning.

Also, with this PR, I've noticed once again it's a bit difficult to keep all the multilingual templates markup in sync. In the future, it would be great if all the pages inherit the same parametrized template, as it's the same markup after all.

Yeah it's a bit annoying alright. We probably can do more here to generalise things. I'm honestly hoping to calm down these big PRs soon though... but I've promised that before and then found something else I've wanted to fix! 😉

@tunetheweb tunetheweb merged commit 1837a88 into master Feb 13, 2020
@tunetheweb tunetheweb deleted the home_page_accessibility branch February 13, 2020 20:26
@tunetheweb tunetheweb added the accessibility Accessibility related label Feb 23, 2020
goalcc added a commit to goalcc/almanac.httparchive.org that referenced this pull request Aug 4, 2024
* 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 HTTPArchive/almanac.httparchive.org#664 (comment)

* Move background colour into SVG for consistency

* Regenerate base64 banner image
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
Projects
None yet
Development

Successfully merging this pull request may close these issues.

Accessibility issues with the home page
2 participants