You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
I'm part of a small team using django-plotly-dash (to great effect!) on a Django-based web project to embed some visualisations. So far I've just been using the
idiom, which creates an iframe on the page and embeds the Plotly Dash there.
We recently added Pa11y CI accessibility tests to our continuous integration and the iframe environment produces three errors, two of which I think should be resolved in django-plotly-dash. Formatting the CI output, the errors are
Iframe element requires a non-empty title attribute that identifies the frame.
I think error 2 is something preventing Pa11y from injecting JavaScript for testing into the iframe and I don't think is an upstream issue. Errors 1 and 3 can be resolved by providing any value to the title property of the iframe. e.g. I tried adding some text (e.g. "example") in the iframe in the django-plotly-dash templates:
Though any text will do, my understanding (from the links above) is that screen readers will use the title information, so something descriptive (perhaps a user argument?) will help users navigate the page.
The text was updated successfully, but these errors were encountered:
@warrickball there is a quick fix (if you need it) - copy the template file to <some_app_ahead_of_dpd_in_INSTALLED_APPS>/templates/django_plotly_dash/plotly_app.html and edit that template; as long as you are using template directories then this version of the template will be used in preference to the one from the dpd package itself.
This would allow you to make any needed changes locally - if you then want to submit them as a PR that would be wonderful!
I'm part of a small team using
django-plotly-dash
(to great effect!) on a Django-based web project to embed some visualisations. So far I've just been using theidiom, which creates an
iframe
on the page and embeds the Plotly Dash there.We recently added Pa11y CI accessibility tests to our continuous integration and the
iframe
environment produces three errors, two of which I think should be resolved indjango-plotly-dash
. Formatting the CI output, the errors areI think error 2 is something preventing Pa11y from injecting JavaScript for testing into the
iframe
and I don't think is an upstream issue. Errors 1 and 3 can be resolved by providing any value to thetitle
property of theiframe
. e.g. I tried adding some text (e.g. "example") in theiframe
in thedjango-plotly-dash
templates:django-plotly-dash/django_plotly_dash/templates/django_plotly_dash/plotly_app.html
Lines 1 to 3 in e06bb46
and errors 1 and 3 disappear.
Though any text will do, my understanding (from the links above) is that screen readers will use the
title
information, so something descriptive (perhaps a user argument?) will help users navigate the page.The text was updated successfully, but these errors were encountered: