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

(ui5-list): implement accessibility spec #1461

Merged
merged 4 commits into from
Apr 13, 2020
Merged

(ui5-list): implement accessibility spec #1461

merged 4 commits into from
Apr 13, 2020

Conversation

fifoosid
Copy link
Contributor

Fixes #1283
Related to #1426

@@ -74,6 +76,7 @@
design="Transparent"
icon="decline"
@click="{{onDelete}}"
title="Delete"
Copy link
Member

Choose a reason for hiding this comment

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

probably has to be translated

Copy link
Contributor Author

Choose a reason for hiding this comment

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

Done

>
<span class="ui5-hidden-text">Group Header</span>
Copy link
Member

Choose a reason for hiding this comment

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

probably has to be translated

Copy link
Contributor Author

Choose a reason for hiding this comment

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

Done

@@ -1,9 +1,12 @@
<li
tabindex="{{_tabIndex}}"
tabindex="0"
Copy link
Member

Choose a reason for hiding this comment

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

Not sure, but at least in ui5 when the user presses TAB from a group list item, the focus leaves the list. Hardcoded "0" means that if the list has more than 1 group list item, TAB will move the focus from the first to the second and this might contradict the spec. In addition the ItemNavigation works with these _tabIndex and this change might interfere the tab order.
The spec should be checked and if an example with mixed types of list items works with Arrows UP/DOWN and TAB| SHIFT + TAB according to the spec I am fine with the change.

Copy link
Contributor Author

Choose a reason for hiding this comment

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

The spec says that it should always be 0. @elenastoyanovaa what do you think?

Copy link
Contributor

Choose a reason for hiding this comment

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

it is just a copied value, leave it like it is

Copy link
Member

@ilhan007 ilhan007 Apr 13, 2020

Choose a reason for hiding this comment

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

The question is if the tabindex of the group item should be always 0, which means the tab will move from group item to group item, instead of leaving the List.

At least in openui5 it is not like that, the focus leaves the List if the users tab from a group item (https://openui5nightly.hana.ondemand.com/entity/sap.m.List/sample/sap.m.sample.ListGrouping), so I wonder what is the correct behaviour?

Copy link
Contributor Author

Choose a reason for hiding this comment

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

After we discussed it, we decided that it should not be hardcoded.

class="ui5-ghli-root {{classes.main}}"
@focusin="{{_onfocusin}}"
@focusout="{{_onfocusout}}"
role="listbox"
Copy link
Contributor

Choose a reason for hiding this comment

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

as discussed, this should be option

Copy link
Contributor Author

Choose a reason for hiding this comment

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

Done

Copy link
Contributor

@elenastoyanovaa elenastoyanovaa left a comment

Choose a reason for hiding this comment

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

+1 from ACC side, the speech output is correct. Just fix the two comments I added.

@@ -1,9 +1,12 @@
<li
tabindex="{{_tabIndex}}"
tabindex="0"
Copy link
Member

@ilhan007 ilhan007 Apr 13, 2020

Choose a reason for hiding this comment

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

The question is if the tabindex of the group item should be always 0, which means the tab will move from group item to group item, instead of leaving the List.

At least in openui5 it is not like that, the focus leaves the List if the users tab from a group item (https://openui5nightly.hana.ondemand.com/entity/sap.m.List/sample/sap.m.sample.ListGrouping), so I wonder what is the correct behaviour?

@fifoosid fifoosid merged commit 348bde9 into master Apr 13, 2020
@fifoosid fifoosid deleted the list-acc branch April 13, 2020 13:11
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

ui5-list: Screen Reader support implementation
3 participants