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

Add redesigned toolbar example #950

Merged
merged 117 commits into from
Jan 15, 2019
Merged

Add redesigned toolbar example #950

merged 117 commits into from
Jan 15, 2019

Conversation

jongund
Copy link
Contributor

@jongund jongund commented Dec 6, 2018

The toolbar example is now redesigned and rebuilt to resolve issues listed in issue #539. It is now ready for final review prior to publication in APG R3.

Link to Test Page

Toolbar in feature branch issue541-toolbar-redesign

@mcking65 mcking65 added this to the 1.1 APG Release 3 milestone Dec 19, 2018
@@ -30,7 +30,7 @@ module.exports = async function assertRovingTabindex (t, elementsSelector, key)
assert.equal(
await elements[el].getAttribute('tabindex'),
tabindex,
'focus is on element ' + tabableEl + ' of elements "' + elementsSelector +
'focus is on element ' + tabableEl + ' of ' + elements.length + ' elements "' + elementsSelector +
Copy link
Contributor

@mcking65 mcking65 Dec 19, 2018

Choose a reason for hiding this comment

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

@jongund, @sh0ji, this is now different from latest from master ... I don't understand this change. Since I merged those other fixes in from Valerie, is this change helpful/needed?

We need to be sure of this change before merging; it could effect tests on other examples using roving tabindex.

@mcking65 mcking65 changed the title Issue541 toolbar redesign Add redesigned toolbar example Dec 21, 2018
@mcking65 mcking65 requested a review from ZoeBijl December 21, 2018 00:02
@mcking65 mcking65 mentioned this pull request Dec 21, 2018
6 tasks
Copy link
Contributor

@mcking65 mcking65 left a comment

Choose a reason for hiding this comment

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

Need to determine if the change on line 33 to test/util/assertRovingTabindex.js should be included.

After that change was made, I made commit 38a5619, which included changes to the same file made by Valerie. My question is whether @jongund would have made changes to this file if I would have merged those changes from Valerie before he began work on the toolbar tests. In other words, I may have caused some unnecessary headaches by forgetting that we had some work from Valerie that was still not in master.

Copy link
Contributor

@charmarkk charmarkk left a comment

Choose a reason for hiding this comment

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

Made some small editorial changes - otherwise looks good to me!

that demonstrates how a toolbar can group a set of buttons into a single tab stop.
It also illustrates the roving tabindex method for managing focus within a component.
and demonstrates how a toolbar can group a set of interactive widgets into a single tab stop.
For illustrative and interoperability assessment purposes, this This implementation includes a diverse set of widgets, some of which may not be ordinarily grouped in the same toolbar.
Copy link
Contributor

Choose a reason for hiding this comment

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

Suggested change
For illustrative and interoperability assessment purposes, this This implementation includes a diverse set of widgets, some of which may not be ordinarily grouped in the same toolbar.
For illustrative and interoperability assessment purposes, this implementation includes a diverse set of widgets, some of which may not be ordinarily grouped in the same toolbar.

examples/toolbar/toolbar.html Show resolved Hide resolved
@curtbellew
Copy link

Just something minor. It looks like there is a typo in the intro text. The text is as follows currently " For illustrative and interoperability assessment purposes, this This implementation includes a diverse set of widgets, some of which may not be ordinarily grouped in the same toolbar"
Remove the extra "This"

@annabbott
Copy link

Mark and Curt have already commented on the only issue I observed. Otherwise looks good.
NOTE: I did NOT test toolbar with an AT.

@mcking65
Copy link
Contributor

Merging as discussed in today's meeting. The missing regression tests are tracked separately in issue #965.

@mcking65 mcking65 merged commit a161bc6 into master Jan 15, 2019
@mcking65 mcking65 deleted the issue541-toolbar-redesign branch January 15, 2019 03:47
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
enhancement Any addition or improvement that doesn't fix a code bug or prose inaccuracy Example Page Related to a page containing an example implementation of a pattern
Development

Successfully merging this pull request may close these issues.

6 participants