search

asc-csa / AlouetteApp

🛰️ Cette application permet aux utilisateurs de filtrer les ionogrammes du satellite Alouette et télécharger les données extraites ou les images des ionogrammes | 🛰️ This application allows users to filter ionograms from the Alouette satellite and download either the selected ionograms’ extracted features or the ionogram images themselves.
https://donnees-data.asc-csa.gc.ca/alouette
Other
7 stars 4 forks source link

Comms Issue #28 #53

Closed coleweusthem closed 3 years ago

coleweusthem commented 3 years ago

The graphs/maps must have alternative text. Graphs would normally require a corresponding data table. However, in order to keep acceptable perfomance. Since there is a lot of data, this table can (for example) be generated on another page using a hyperlink.

nfee006 commented 3 years ago

Should this be tagged "Dash"?

coleweusthem commented 3 years ago

@nfee006, I had the same question, do we have the specific rule we need to follow? We may be able to put the alt text on a wrapper div or something similar. If not then it will be a dash issue.

nfee006 commented 3 years ago

Do you know if that would be acceptable from a WCAG 2.0 perspective?

coleweusthem commented 3 years ago

If you look at Examples of Success Criterion 1.1.1 example one, we should just need to have a brief description of what the graph shows. If that is acceptable with Comms we won't need to edit the element itself, just add a label. https://www.w3.org/TR/UNDERSTANDING-WCAG20/text-equiv-all.html

nfee006 commented 3 years ago

I'll run it by them - thanks.

coleweusthem commented 3 years ago

@nfee006, did we get an answer on this?

nfee006 commented 3 years ago

Not yet - I'll check in.

davidreneuw commented 3 years ago

Heres an attempt at adding text versions of graphs using Dash provided functionalities. Here, I used a summary element with a details element and wrapped a dash_table.DataTable element inside. Currently this is a test table containing arbitrary values to see what Dash generates in terms of html elements. Here is a preview: image

And here is the associated html elements for the table alone: image

It seems like the table generated is just a list of divs with some special styles. This should not be an issue but worth considering. This is currently being worked on on the Text-Version-Graph branch.

nfee006 commented 3 years ago

To clarify: the intent of David's work is proof of concept.

coleweusthem commented 3 years ago

@nfee006 & @dreneuw, are you implementing your table for alouette as well?

davidreneuw commented 3 years ago

@coleweusthem yes i will be working on this as soon as I've completely finished the Scisat instance

nfee006 commented 3 years ago

Implemented in master.