Improve accessibility by fixing issues reported by the Accessibility Fundation

[stephanegigandet]

What

• The Accessibility Foundation has made an accessibility of the Open Food Facts web site. There is a number of issues that they pointed out and that we should fix.

Report

Report OpenFoodFact 15-12-2020.pdf

Who would be interested in fixing some of them?

Related

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

Part of

• 🎯 What can I work on ? #5529

Tasks

Beta Give feedback

1. Accessibility [2.4.1]: Provide a skip links option to let a user skip repetitive content. (Bypass Blocks) #6575
   accessibility ♿ ⏰ Stale ✨ Feature +3
2. Accessibility [1.3.1]: Labels for login/register and reset password must be explicitly associated (with "for" and "id") #6576
   accessibility ♿ ✨ Feature +2
   
3. Accessibility [2.4.6]: Format visual headers in the footer as headings in the code #6535
   Template::Toolkit accessibility ♿ footer 🐛 bug 👍 Top 10 Issue! +5
   
4. Accessibility : underline links that are in text content #5074
   ⭐ 🐛 top bug accessibility ♿ 🐛 bug +3
   
5. fix: Add explicit labels (using: for & id) to input fields #6577
   Template::Toolkit +1
   
6. Insufficient color contrast on links for page numbers #7265
   accessibility ♿ good first issue osd'22 +3
7. fix: Format footer titles as headings in code #6546
   Template::Toolkit +1
8. Fixed accessibility issue 1.1.1 #5071
   accessibility ♿ +1
   

[jolesh]

Is there a good way of keeping track of what we already have implemented and what is still to do? A project for example?

[Ban3]

Is there a good way of keeping track of what we already have implemented and what is still to do? A project for example?

Not yet, but doing something like that was my first thought when reading the report. A project sounds like a good idea.

[stephanegigandet]

@Ban3 @jolesh : a project is a good idea, does one of you want to create it, and create the corresponding bugs with the items mentioned in the report?

@leventgunay : do you still want to address some of the reported issues to improve accessibility?

[roshnaeem]

@stephanegigandet can I start working on it? I want to address few issues to improve accessibility.
.

[stephanegigandet]

Hi @roshnaeem , sure, thank you!
Could you create a separate bug for each of the issues you intend to work on, and then link them from this bug?
That way it will be easier to discuss each issue.
I just created one for the links underlining: #5074

[roshnaeem]

Yes, sure @stephanegigandet. It will be easier for everyone.

[yuktea]

@Ban3 @jolesh : a project is a good idea, does one of you want to create it, and create the corresponding bugs with the items mentioned in the report?

@leventgunay : do you still want to address some of the reported issues to improve accessibility?

@stephanegigandet should I work on creating this project? (I'll point out and document what we have fixed and create issues for what we have not from the accessibility report)

[alexgarel]

@yuktea yes, go ahead, it's a good idea. You should verify for some points are already fixed.