search

openfoodfacts / openfoodfacts-server

Open Food Facts database, API server and web interface - 🐪🦋 Perl, CSS and JS coders welcome 😊 For helping in Python, see Robotoff or taxonomy-editor
http://openfoodfacts.github.io/openfoodfacts-server/
GNU Affero General Public License v3.0
651 stars 377 forks source link

♿ Test Open Food Facts to make sure it's accessible #359

Open teolemon opened 8 years ago

teolemon commented 8 years ago

People who are blind rely on Screen readers and Braille Displays. Open Food Facts provides them with text information about food that brings them more on par with people who can see. Let's make sure they have a great experience on Open Food Facts

### Tasks
- [ ] Provide Alt Text For all images, and alternative content for all other media.
- [ ] Use eternal CSS for styling and layout and HTML for document structure.
- [ ] Associate table headers with table cells, and use tables only for data. Include a table summary.
- [ ] Provide a skip links option to let a user skip repetitive content.
- [ ] Do not use flash, frames or tables for layout purposes.

Part of

ginny2569 commented 5 years ago

1.Provide Alt Text For all images, and alternative content for all other media. 2.Use eternal CSS for styling and layout and HTML for document structure. 3.Associate table headers with table cells, and use tables only for data. Include a table summary. 4.Provide a skip links option to let a user skip repetitive content. 5.Do not use flash, frames or tables for layout purposes.

ginny2569 commented 5 years ago

we can try out these things first

blueocto commented 4 years ago

I'd love to help with this, however, forgive my ignorance, I cannot figure out how to spin-up the website locally. I've ran npm install and gulp but clearly there must be more to it...

alifafaruk commented 4 years ago

1.Provide Alt Text For all images, and alternative content for all other media. 2.Use eternal CSS for styling and layout and HTML for document structure. 3.Associate table headers with table cells, and use tables only for data. Include a table summary. 4.Provide a skip links option to let a user skip repetitive content. 5.Do not use flash, frames or tables for layout purposes.

Hi! I would love to help with this. I know CSS and can add Alt text for media and do other things that will make the site more accesssible. Is this an issue that is still open for us to work on?