-
Notifications
You must be signed in to change notification settings - Fork 355
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
Initial implementation of a Hide/show widget for showing a long description of a image and faq details #250
Conversation
modified: examples/button/js/button.js to fix white space format issues.
Updated button example to fix problems listed in issue #189.
modified: examples/hide-show/hide-show-1/hide-show-1.html: Changed title tag and H1 element to include the word disclosure and remove the part about describing an image.
* The image and table were outside the ex1 div; moved them inside. * eliminated an unnecessary div with id example. * Add H2 example heading per template. * Added screen reader separators around example per template. * Put html source in pre tags instead of div tag.
modified aria-practices.html: In the design pattern section, added a subsection placeholder for the disclosure (show/hide) design pattern with a link to issue #9.
* Updated title and H1 to match title in placeholder section in aria-practices.html. * Updated links back to aria-practices to have disclosure pattern target. * Initial draft of intro paragraph.
Modified examples/hide-show/hide-show-1/hide-show-1.html at beginning of example, added link to issue #244 for tracking work on the example.
I pushed some changes to your hide-show branch. So, please do a git pull in your hide-show branch and have a look at the log. Before we merge, will you please:
Commands to rebase assuming you have git bash open to your fork of w3c/aria-practices: Git checkout master Many thanks!! |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
@jongund, see my comment with requested changes on the conversation tab.
Matt,
Is ‘disclosure” an industry term for hide/show functionality.
I know what you mean, but I just want it clear to people who are new and have limited time to make sure they can find things in the practices easily.
I prefer a section labelled “Hide/Show Button”.
I would like to have several examples including images, more information and help messages. This is a common widget and we should have many examples to show all the variations. Many people find the example and then may look at the guidance.
Jon
From: Matt King <notifications@github.com<mailto:notifications@github.com>>
Reply-To: w3c/aria-practices <reply@reply.github.com<mailto:reply@reply.github.com>>
Date: Tuesday, January 24, 2017 at 7:04 PM
To: w3c/aria-practices <aria-practices@noreply.github.com<mailto:aria-practices@noreply.github.com>>
Cc: Jon Gunderson <jongund@illinois.edu<mailto:jongund@illinois.edu>>, Mention <mention@noreply.github.com<mailto:mention@noreply.github.com>>
Subject: Re: [w3c/aria-practices] Initial implementation of a Hide/show widget for showing a long description of a image (#250)
@jongund<https://urldefense.proofpoint.com/v2/url?u=https-3A__github.com_jongund&d=DwMFaQ&c=8hUWFZcy2Z-Za5rBPlktOQ&r=REZD8fc2AwufInstfW3L5jSLVS8bjZtAodDOhat7yAI&m=rETSkdbnHPhF5_40bdTeYnlxYDmmsW3F94nBEoZZJ-A&s=uqay8KK887CcOkSolc7pfpT5tObxKEBH8dA0vNV4LSI&e=>,
I pushed some changes to your hide-show branch. So, please do a git pull in your hide-show branch and have a look at the log.
Before we merge, will you please:
1. Rename the directory to "disclosure".
2. Optional: Consider eliminating the 3rd-level directory with the "-1" suffix. Do you really think we will have multiple examples? Even if we do, it seems simpler to put multiple html files in the disclosure directory.
3. Fetch the latest from master and rebase your feature branch.
Commands to rebase assuming you have git bash open to your fork of w3c/aria-practices:
Git checkout master
git pull
git checkout hide-show
git rebase master
Many thanks!!
—
You are receiving this because you were mentioned.
Reply to this email directly, view it on GitHub<https://urldefense.proofpoint.com/v2/url?u=https-3A__github.com_w3c_aria-2Dpractices_pull_250-23issuecomment-2D274989484&d=DwMFaQ&c=8hUWFZcy2Z-Za5rBPlktOQ&r=REZD8fc2AwufInstfW3L5jSLVS8bjZtAodDOhat7yAI&m=rETSkdbnHPhF5_40bdTeYnlxYDmmsW3F94nBEoZZJ-A&s=YGSumUQHFTfH1i4fGskqZtNNpdLX4U6y815yQVn6USo&e=>, or mute the thread<https://urldefense.proofpoint.com/v2/url?u=https-3A__github.com_notifications_unsubscribe-2Dauth_ABcE7CQjCuHDi-5FtASdFSLvbjhn3IpgLjks5rVp-2DIgaJpZM4LrhQX&d=DwMFaQ&c=8hUWFZcy2Z-Za5rBPlktOQ&r=REZD8fc2AwufInstfW3L5jSLVS8bjZtAodDOhat7yAI&m=rETSkdbnHPhF5_40bdTeYnlxYDmmsW3F94nBEoZZJ-A&s=A77oBbp_G0ft0XP44igLVcwjsAkPn4NHuaXVYoAvkIk&e=>.
|
Matt,
I made the updates and added a FAQ example for review.
I renamed files to make the associations easier to understand.
Created a new pull request.
Jon
From: Matt King <notifications@github.com<mailto:notifications@github.com>>
Reply-To: w3c/aria-practices <reply@reply.github.com<mailto:reply@reply.github.com>>
Date: Tuesday, January 24, 2017 at 7:04 PM
To: w3c/aria-practices <aria-practices@noreply.github.com<mailto:aria-practices@noreply.github.com>>
Cc: Jon Gunderson <jongund@illinois.edu<mailto:jongund@illinois.edu>>, Mention <mention@noreply.github.com<mailto:mention@noreply.github.com>>
Subject: Re: [w3c/aria-practices] Initial implementation of a Hide/show widget for showing a long description of a image (#250)
@jongund<https://urldefense.proofpoint.com/v2/url?u=https-3A__github.com_jongund&d=DwMFaQ&c=8hUWFZcy2Z-Za5rBPlktOQ&r=REZD8fc2AwufInstfW3L5jSLVS8bjZtAodDOhat7yAI&m=rETSkdbnHPhF5_40bdTeYnlxYDmmsW3F94nBEoZZJ-A&s=uqay8KK887CcOkSolc7pfpT5tObxKEBH8dA0vNV4LSI&e=>,
I pushed some changes to your hide-show branch. So, please do a git pull in your hide-show branch and have a look at the log.
Before we merge, will you please:
1. Rename the directory to "disclosure".
2. Optional: Consider eliminating the 3rd-level directory with the "-1" suffix. Do you really think we will have multiple examples? Even if we do, it seems simpler to put multiple html files in the disclosure directory.
3. Fetch the latest from master and rebase your feature branch.
Commands to rebase assuming you have git bash open to your fork of w3c/aria-practices:
Git checkout master
git pull
git checkout hide-show
git rebase master
Many thanks!!
—
You are receiving this because you were mentioned.
Reply to this email directly, view it on GitHub<https://urldefense.proofpoint.com/v2/url?u=https-3A__github.com_w3c_aria-2Dpractices_pull_250-23issuecomment-2D274989484&d=DwMFaQ&c=8hUWFZcy2Z-Za5rBPlktOQ&r=REZD8fc2AwufInstfW3L5jSLVS8bjZtAodDOhat7yAI&m=rETSkdbnHPhF5_40bdTeYnlxYDmmsW3F94nBEoZZJ-A&s=YGSumUQHFTfH1i4fGskqZtNNpdLX4U6y815yQVn6USo&e=>, or mute the thread<https://urldefense.proofpoint.com/v2/url?u=https-3A__github.com_notifications_unsubscribe-2Dauth_ABcE7CQjCuHDi-5FtASdFSLvbjhn3IpgLjks5rVp-2DIgaJpZM4LrhQX&d=DwMFaQ&c=8hUWFZcy2Z-Za5rBPlktOQ&r=REZD8fc2AwufInstfW3L5jSLVS8bjZtAodDOhat7yAI&m=rETSkdbnHPhF5_40bdTeYnlxYDmmsW3F94nBEoZZJ-A&s=A77oBbp_G0ft0XP44igLVcwjsAkPn4NHuaXVYoAvkIk&e=>.
|
* Revised title tag and h1 * Made image label refer to the short description. * Put the ex1 div around the complete example. * added screen reader separators around ex1 div. * Wrote intro paragraph. * Added link to issue 244. * Editorial changes to keyboard table. * Editorial changes to state/property table. * Made links back to disclosure pattern in main doc.
Modified examples/disclosure/disclosure-img-long-description.html: * Replaced link to issue #244 with link to issue 264, the review issue.added lin
modified examples/disclosure/disclosure-faq.html: * Made all the same corrections that I made to the image description disclosure. * Added link to review issue 265
@jongund, I completed changes and pushed to your fork. |
deleted: examples/hide-show/hide-show-1/css/hideShow1.css deleted: examples/hide-show/hide-show-1/hide-show-1.html deleted: examples/hide-show/hide-show-1/images/collapsed-16.png deleted: examples/hide-show/hide-show-1/images/expanded-16.png deleted: examples/hide-show/hide-show-1/images/minard.png deleted: examples/hide-show/hide-show-1/js/buttonExpanded.js
No description provided.