Find me on Linkedin
amberrignell / hiandwelcome Goto Github PK
View Code? Open in Web Editor NEWHome Page: https://amberrignell.github.io/HiandWelcome/
hiandwelcome's Introduction
hiandwelcome's People
Contributors
Watchers
hiandwelcome's Issues
Screen reader
-
'a little about me tab' is not getting recognised by ChromeVox
-
the arrow button, image and dots navigation names may not be accessible to those with hearing difficulties
-
under 'tech for social good' rather than having seperate paragraphs you can have one paragraph and use line breaks to move to a new line
<br>
Form elements do not have associated labels
-
Labels ensure that form controls are announced properly by assistive technologies like screen readers. Assistive technology users rely on these labels to navigate forms. Mouse and touchscreen users also benefit from labels because the label text makes a larger click target.
-
to fix add
<label>tag
Background and foreground colors do not have a sufficient contrast ratio
-
Low-contrast text is difficult or impossible for many users to read. Low contrast is difficult for users to distinguish the shapes of the characters, which can reduce reading comprehension and slow down reading speed.
-
Challenging for people with low vision, low-contrast text can negatively affect the reading experience for all your users.
-
<a> <p> <label> <input> <div>tags contrast needs to be adjusted -
Text that is 18 pt, or 14 pt and bold, needs a contrast ratio of 3:1. All other text needs a contrast ratio of 4.5:1.
<html> element does not have a [lang] attribute
-
to ensure correct pronunciation, screen readers use a different sound library for each language they support. Screen readers can switch between these language libraries easily, but only if a web page specifies which language to read for a given piece of content.
-
if a page doesn't specify a language for the element, a screen reader assumes the page is in the default language that the user chose when setting up the screen reader, often making it impossible to understand the content.
-
to set the document language to English
<html lang="en">
Untitled body, untitled nav
-
For accessibility reasons, it is recommend each sectioning element have a heading, even
<body>and<nav>
Image elements do not have [alt] attributes
-
Informative elements should aim for short, descriptive alternate text.
-
alttext should give the intent, purpose, and meaning of the image. -
Blind users should get as much information from alt text as a sighted user gets from the image.
-
Avoid non-specific words like "chart", "image", or "diagram".
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.