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.

Sign up for GitHub

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

Jump to bottom

Draft disclosure (show/hide) design pattern #9

Closed
ZoeBijl opened this issue Apr 29, 2016 · 8 comments
Closed

Draft disclosure (show/hide) design pattern #9

ZoeBijl opened this issue Apr 29, 2016 · 8 comments
Assignees
@jongund
Labels
Pattern Page Related to a page documenting a Pattern
Milestone
1.1 APG Release 1

Comments

@ZoeBijl
Copy link
Contributor

ZoeBijl commented Apr 29, 2016

From @stevefaulkner on May 25, 2015 13:31

expand/collapse or disclosure pattern is common on the web (HTML native UI is details/summary), but there is no design pattern. Suggest adding one
a few examples:
http://thepaciellogroup.github.io/disclosure-button/
http://codepen.io/stevef/pen/jiCBE
http://webcloud.se/jQuery-Collapse/

Copied from original issue: w3c/aria#61
@ZoeBijl ZoeBijl added the APG label Apr 29, 2016
@ZoeBijl
Copy link
Contributor Author

ZoeBijl commented Apr 29, 2016

From @jnurthen on July 8, 2015 16:28

Agree - we will get this done.

@ZoeBijl
Copy link
Contributor Author

ZoeBijl commented Apr 29, 2016

Work on this can be done in the details branch.

@ZoeBijl ZoeBijl mentioned this issue Apr 29, 2016
Closed
@ZoeBijl ZoeBijl mentioned this issue Apr 30, 2016
Closed
@mcking65 mcking65 changed the title Add progressive disclosure design pattern Draft disclosure (show/hide) design pattern Jan 19, 2017
@mcking65 mcking65 mentioned this issue Jan 19, 2017
Closed
@mcking65 mcking65 added this to the 1.1 PR milestone Jan 19, 2017
mcking65 added a commit that referenced this issue Jan 24, 2017
@mcking65
Added Disclosure Design Pattern Placeholder
a50306d 
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.
@mcking65 mcking65 added Pattern Page Related to a page documenting a Pattern and removed missing design pattern labels Jan 25, 2017
mcking65 added a commit that referenced this issue Jan 31, 2017
@mcking65
Disclosure Pattern Outline for Issue #9
cab8678 
modified disclosure pattern section of aria-practices.html:
* Add outline of disclosure pattern.
* Draft keyboard subsection content.
* Add links to roles/properties that need to be described.
* Add links to disclosure example pages.
@mcking65
Copy link
Contributor

The disclosure design pattern in master
now includes:

  • an outline of content.
  • Initial draft of keyboard section.
  • links to two example implementations.

This should now be a simple one for someone to pickup and complete. Takers??

@ZoeBijl
Copy link
Contributor Author

ZoeBijl commented Feb 2, 2017

@mcking65 what is your question? Does this need review? Or maybe a code example?

@mcking65 mcking65 modified the milestones: 1.1 Rec, 3Q17 Working Draft Oct 10, 2017
@KimJaeGwan
Copy link

@MichielBijl
What is the difference between Accordion and Disclosure? In particular, the jQuery-Collapse example does not make a difference between Accordion and Disclosure.

@mcking65
Copy link
Contributor

A disclosure is a button for showing and hiding a single container. You could think of a simple accordion as a set of 2 or more disclosures where each button is also wrapped in a heading.

If you read through the accordion pattern, you'll also find accordions can have a variety of features that make the set into an integrated component. Additionally, the collapsed state of each panel may show considerably more than just the expand/collapse control.

@KimJaeGwan
Copy link

@mcking65 Thank you. The question has been resolved.

mcking65 added a commit that referenced this issue Oct 24, 2017
@mcking65
Disclosure Pattern: Add Draft Description (pull #490)
87643a7 
Merge proposed draft for description of disclosure from @jongund for issue #9.
Also includes some conflict resolution in multi-thumb slider pattern.
mcking65 added a commit that referenced this issue Oct 24, 2017
@mcking65
Disclosure Pattern: Editorial Revision of Description
6c4d6f0 
For issue #9, made minor editorial revisions to the description text.
@mcking65
Copy link
Contributor

This work is now complete and the review process has been started in issue 493.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees

@jongund jongund

Labels
Pattern Page Related to a page documenting a Pattern
Projects
Command, Toggle, Menu, and Disclosure Button Patterns and Examples Development Project
Status: Complete
Milestone
1.1 APG Release 1
Development

No branches or pull requests
4 participants
@jongund @ZoeBijl @mcking65 @KimJaeGwan