Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Fixed accessible input labels on add dv form [ref #7566] #7599

Merged
merged 1 commit into from
Feb 16, 2021

Conversation

mheppler
Copy link
Contributor

@mheppler mheppler commented Feb 10, 2021

What this PR does / why we need it:

Fixed accessible input labels on add dv form. Screenreaders and accessiblity reports from tools like SiteImprove will notice that the form inputs for Host Dataverse and Email were missing proper associations to machine readable labels.

Also fixed missing label in the Contact Support popup form.

Which issue(s) this PR closes:

Closes #7566 Accessibility - missing form labels on "Add Dataverse" page

Special notes for your reviewer:

Suggestions on how to test this:

Can view accessibility reports for the Add Dataverse pg using the Chrome extension for SiteImprove. (See screenshot in #7566.)

Does this PR introduce a user interface change? If mockups are available, please link/include them here:

Is there a release notes update needed for this change?:

Additional documentation:

@@ -61,14 +61,14 @@
<!-- Edit Info Panel -->
<div class="row" jsf:rendered="#{DataversePage.ownerId != null}">
<div class="col-md-6 form-group">
<h:outputLabel for="#{DataversePage.editMode == 'CREATE' ? 'selectHostDataverse' : 'hostDataverseStatic'}" styleClass="control-label">
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

@mheppler out of curiosity, what did this h-> p change?
(the one below changes the "for" to an "id" - should that have happened here?)

Copy link
Contributor Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

PrimeFaces form inputs have the crazy dynamic ID hierarchy (e.g. dataverseForm:selectHostDataverse) and you need a special PrimeFaces outputLabel component as compared to the basic JSF h: version in order for the labels and input components to be able to reference one another using their ID's. The input is properly reference in this basic JSF outputLabel, but it can't find the special PrimeFaces autoComplete component in the form.

IQSS/dataverse (TO BE RETIRED / DELETED in favor of project 34) automation moved this from Review 🦁 to QA 🔎✅ Feb 10, 2021
@kcondon kcondon self-assigned this Feb 11, 2021
@kcondon kcondon merged commit b7e7a3b into develop Feb 16, 2021
IQSS/dataverse (TO BE RETIRED / DELETED in favor of project 34) automation moved this from QA 🔎✅ to Done 🚀 Feb 16, 2021
@kcondon kcondon deleted the 7566-input-labels-add-dv branch February 16, 2021 18:51
@djbrooke djbrooke added this to the 5.4 milestone Feb 16, 2021
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
No open projects
Development

Successfully merging this pull request may close these issues.

Accessibility - missing form labels on "Add Dataverse" page
4 participants