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

Draft disclosure (show/hide) design pattern #9

Closed
MichielBijl opened this Issue Apr 29, 2016 · 8 comments

Comments

@MichielBijl
Contributor

MichielBijl 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

@MichielBijl MichielBijl added the APG label Apr 29, 2016

@MichielBijl

This comment has been minimized.

Show comment
Hide comment
@MichielBijl

MichielBijl Apr 29, 2016

Contributor

From @jnurthen on July 8, 2015 16:28

Agree - we will get this done.

Contributor

MichielBijl commented Apr 29, 2016

From @jnurthen on July 8, 2015 16:28

Agree - we will get this done.

@MichielBijl

This comment has been minimized.

Show comment
Hide comment
@MichielBijl

MichielBijl Apr 29, 2016

Contributor

Work on this can be done in the details branch.

Contributor

MichielBijl commented Apr 29, 2016

Work on this can be done in the details branch.

@mcking65 mcking65 changed the title from Add progressive disclosure design pattern to Draft disclosure (show/hide) design pattern Jan 19, 2017

@mcking65 mcking65 added this to the 1.1 PR milestone Jan 19, 2017

mcking65 added a commit that referenced this issue Jan 24, 2017

Added Disclosure Design Pattern Placeholder
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 added a commit that referenced this issue Jan 31, 2017

Disclosure Pattern Outline for Issue #9
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

This comment has been minimized.

Show comment
Hide comment
@mcking65

mcking65 Jan 31, 2017

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??

Contributor

mcking65 commented Jan 31, 2017

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??

@MichielBijl

This comment has been minimized.

Show comment
Hide comment
@MichielBijl

MichielBijl Feb 2, 2017

Contributor

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

Contributor

MichielBijl commented Feb 2, 2017

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

@KimJaeGwan

This comment has been minimized.

Show comment
Hide comment
@KimJaeGwan

KimJaeGwan Oct 18, 2017

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

@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

This comment has been minimized.

Show comment
Hide comment
@mcking65

mcking65 Oct 18, 2017

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.

Contributor

mcking65 commented Oct 18, 2017

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

This comment has been minimized.

Show comment
Hide comment
@KimJaeGwan

KimJaeGwan Oct 19, 2017

@mcking65 Thank you. The question has been resolved.

@mcking65 Thank you. The question has been resolved.

mcking65 added a commit that referenced this issue Oct 24, 2017

Disclosure Pattern: Add Draft Description (pull #490)
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

Disclosure Pattern: Editorial Revision of Description
For issue #9, made minor editorial revisions to the description text.
@mcking65

This comment has been minimized.

Show comment
Hide comment
@mcking65

mcking65 Oct 24, 2017

Contributor

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

Contributor

mcking65 commented Oct 24, 2017

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