Upload File

inclusive design principles a4 - all -...

  • Home
  • Documents
  • Inclusive Design Principles A4 - All - Externalinclusivedesignprinciples.org/posters/multiple.pdf · • Multiple ways to complete an action: Where appropriate, provide multiple ways
7
• Notifications: 1otifications that appear in an interface are visually obvious but reTuire proactive discovery by screen reader users. A comparable experience for blind users, can be achieved by using a live region. The notification then reTuires no explicit action on the part of the user. • Content for alternatives: +aving a basic alternative, whether it’s alt text, a transcript, audio description, or sign language, makes the content accessible but to be eTuivalent it needs to capture the essence of the original. Ensure your interface provides a comparable experience for all so people can accomplish tasks in a way that suits their needs without undermining the Tuality of the content. Provide comparable experience Whether out of circumstance, choice, or context people are diverse. As people use different approaches and tools to read and operate interfaces, what the interface offers each user should be comparable in value, Tuality, and efficiency. Adapted from inclusivedesignprinciples.org Examples of how to achieve this principle Closed captions • Ergonomic features: Providing synchronised closed captions makes your video accessible. %ut making them customisable, color coded, and repositionable provides a more comparable experience. For more information go to barclayscorporate.com/accessibility This work is licensed under the Creative Commons Attribution-ShareAlike 3.0 Unported License. 1 Inclusive Design Principle

Upload: phungtu

Post on 07-Mar-2018

218 views

Category:

Documents


2 download

Report

TRANSCRIPT

Page 1: Inclusive Design Principles A4 - All - Externalinclusivedesignprinciples.org/posters/multiple.pdf · • Multiple ways to complete an action: Where appropriate, provide multiple ways

• Notifications: otificationsthatappearinaninterfacearevisuallyobviousbutre uireproactivediscoverybyscreenreaderusers.Acomparableexperienceforblindusers,canbeachievedbyusingaliveregion.Thenotificationthenre uiresnoexplicitactiononthepartoftheuser.

• Content for alternatives: avingabasicalternative,whetherit’salttext,atranscript,audiodescription,orsignlanguage,makesthecontentaccessiblebuttobee uivalentitneedstocapturetheessenceoftheoriginal.

Ensureyourinterfaceprovidesacomparableexperienceforallsopeoplecanaccomplishtasksinawaythatsuitstheirneedswithoutunderminingthe ualityofthecontent.

Providecomparableexperience

Whetheroutofcircumstance,choice,orcontextpeoplearediverse.Aspeopleusedifferentapproachesandtoolstoreadandoperateinterfaces,whattheinterfaceofferseachusershouldbecomparableinvalue, uality,andefficiency.

Adapted from inclusivedesignprinciples.org

Examples of how to achieve this principle

Closed captions

• Ergonomic features: Providingsynchronisedclosedcaptionsmakesyourvideoaccessible.utmakingthemcustomisable,color

coded,andrepositionableprovidesamorecomparableexperience.

For more information go to barclayscorporate.com/accessibility ThisworkislicensedundertheCreativeCommonsAttribution-ShareAlike3.0UnportedLicense.

1

InclusiveDesignPrinciple

Page 2: Inclusive Design Principles A4 - All - Externalinclusivedesignprinciples.org/posters/multiple.pdf · • Multiple ways to complete an action: Where appropriate, provide multiple ways

• Allow zoom: Therearemanyreasonswhyausermaywanttooperatethepinch-to-zoomgestureontheirtouchdevice.Makesureitisnotsuppressed,andthatthecontentdoesnotgetobscuredwhenitisputtouse.

• Make it stop:Someusersfindthatanimationsorparallaxscrollingcausenausea,andothersfindthemplaindistracting.Wheretheyplayautomatically,theyshouldatleastbeeasytostop,byprovidingprominentplaybackcontrols.

• Scrolling control: ‘Infinitescrolling’canbeproblematic,especiallyforusersnavigatingbykeyboardbecausetheycan’tgetpastthestreamofrefreshingcontent.Givetheoptiontoturnoffthisfeatureandreplaceitwitha‘loadmore’button.

Ensurepeopleareincontrol.Peopleshouldbeabletoaccessandinteractwithcontentintheirpreferredway.

Givecontrol

Donotsuppressordisabletheabilitytochangestandardbrowserandplatformsettingssuchasorientation,fontsize,zoom,andcontrast.Inaddition,avoidcontentchangesthathavenotbeeninitiatedbytheuserunlessthereisawaytocontrolit.

Adapted from inclusivedesignprinciples.org

Examples of how to achieve this principle

Load more

For more information go to barclayscorporate.com/accessibility ThisworkislicensedundertheCreativeCommonsAttribution-ShareAlike3.0UnportedLicense.

2

InclusiveDesignPrinciple

Page 3: Inclusive Design Principles A4 - All - Externalinclusivedesignprinciples.org/posters/multiple.pdf · • Multiple ways to complete an action: Where appropriate, provide multiple ways

• Multiple ways to complete an action: Whereappropriate,providemultiplewaystocompleteanaction. nmobileswipetodeleteanitemcanbesupportedtogetherwithaneditbuttonthatallowsyoutoselectitemsthendelete.Anexampleofthisisini Smail.

Considerprovidingdifferentwaysforpeopletocompletetasks,especiallythosethatarecomplexornonstandard.

fferchoice

Thereisoftenmorethanonewaytocompleteatask. oucannotassumewhatsomeone’spreferredwaymightbe.yprovidingalternativesforlayoutand

taskcompletion,youofferpeoplechoicesthatsuitthemandtheircircumstancesatthetime.

Adapted from inclusivedesignprinciples.org

Examples of how to achieve this principle

Edit

FlagMore Trash

• Accessible alternatives: Alternativewaysofpresentingdata,suchasdatatablesforinfographics,shouldbeavailabletoallusersasanoptionratherthanahiddenlink ustforscreenreaderusers.Accessiblealternativescanbenefitnot ustaspecifictargetgroupbutallusersaslongasweofferthechoice.

• Layout:Wheretherearelonglistsofcontentconsiderofferingagridorlistlayoutoption.Thissupportspeoplewhomaywantlargerimagesonscreenorsmallerrows.

For more information go to barclayscorporate.com/accessibility ThisworkislicensedundertheCreativeCommonsAttribution-ShareAlike3.0UnportedLicense.

3

InclusiveDesignPrinciple

Page 4: Inclusive Design Principles A4 - All - Externalinclusivedesignprinciples.org/posters/multiple.pdf · • Multiple ways to complete an action: Where appropriate, provide multiple ways

• Context sensitive help:Usersmayneedhelpwhentheyfirstencounteracomplexformorinteraction.Thishelpmaybecomeredundant,evendistracting,asauserbecomesmorefamiliarwiththeformorinteraction.Contextsensitivehelpprovidestheuserwithchoiceastowhentheyaccesshelpandbettercontroloverthepage.

• Captions on the go: ou’reawarethatthevideocontentyouareprovidingwillbeconsumedonmobiledevices,whichmaybeinpublicspaceswherepeoplemightprefertoconsumethecontentwithoutbeingantisocial. orsmallerviewports,soundisswitchedoffandcaptionsactivatedbydefault.

• Colour contrast:Whenusinganinterfaceoutdoors,goodcontrastlessenstheimpactofbrightsunshine.

Peopleuseyourinterfaceindifferentsituations.Makesureyourinterfacedeliversavaluableexperiencetopeopleregardlessoftheircircumstances.

Considersituation

Peoplearefirsttimeusers,establishedusers,usersatwork,usersathome,usersonthemove,andusersunderpressure.Allofthesesituationscanhaveanimpact. orthosewhoalreadyfindinteractionchallenging,suchasthosewithdisabilities,thisimpactmaymakeusageparticularlydifficult.

Adapted from inclusivedesignprinciples.org

Examples of how to achieve this principle

Good contrast

Goodcontr

?Username

For more information go to barclayscorporate.com/accessibility ThisworkislicensedundertheCreativeCommonsAttribution-ShareAlike3.0UnportedLicense.

4

InclusiveDesignPrinciple

Page 5: Inclusive Design Principles A4 - All - Externalinclusivedesignprinciples.org/posters/multiple.pdf · • Multiple ways to complete an action: Where appropriate, provide multiple ways

• Consistent page architecture:Useconsistentpagearchitectureacrosstemplatestohelppeoplescanandnavigatekeycontent.

• Consistent design patterns:Useconsistentwebandplatformdesignpatternstohelpbuildfamiliarityandunderstanding.

• Consistent editorial:Useplainlanguageconsistentlyacrossplatformsincludingeditorialthatisreliedonbyscreenreaderuserssuchastextalternatives,headings,labelsforbuttonsandsoon. eepingeditorialstyleconsistentisalsoimportant,suchasmakingsurethetopofarticlesalwayshaveaclearlymarkedsummaryparagraph,ormakingsurebulletsalwaysstartwithaboldeddefinition.

Usefamiliarconventionsandapplythemconsistently.

econsistent

amiliarinterfacesborrowfromwell-establishedpatterns.Theseshouldbeusedconsistentlywithintheinterfacetoreinforcetheirmeaningandpurpose.Thisshouldbeappliedtofunctionality,behavior,editorial,andpresentation. oushouldsaythesamethingsinthesamewayandusersshouldbeabletodothesamethingsinthesameway.

Adapted from inclusivedesignprinciples.org

Examples of how to achieve this principle

For more information go to barclayscorporate.com/accessibility ThisworkislicensedundertheCreativeCommonsAttribution-ShareAlike3.0UnportedLicense.

5

InclusiveDesignPrinciple

Page 6: Inclusive Design Principles A4 - All - Externalinclusivedesignprinciples.org/posters/multiple.pdf · • Multiple ways to complete an action: Where appropriate, provide multiple ways

• Prioritising content Theprimarycontentonanewsarticlepageisthestory,thereforeitshouldcomebeforeothercontent,bothvisuallyandinthesourceorder. elatedcontent,suchassimilararticles,shouldfollowit,andunrelatedcontentafterthat.

• Prioritising editorial:Editorialforlinks,headingsandbuttonsshoulduseplainlanguageandputtheprimarytextfirst.Thisappliestobothvisibleandhiddentext.Thismakesthetexteasytoscanbothvisuallyandaudiblyforscreenreaderusers.Plainlanguagealsobenefitsnonnativespeakersandiseasiertotranslate.

• Keep task focused: Progressivelyrevealfeaturesandcontentwhenneeded,notallinonego.

• Prioritising tasks: Anemailapplicationisprincipallyforwritingandreadingemail.The‘compose’buttonis,therefore,presentonallscreens,andearlyinthefocusorder.Theinboxisprioritisedoverotherlistsofemail,suchas‘sent’and‘spam’messages.Lessusedfeaturessuchastaggingororganisingemailintofoldersappearlaterinthefocusorder,astheywillgenerallyonlybeusedwhentheprimarytaskofreadingtheemailiscomplete.

elpusersfocusoncoretasks,features,andinformationbyprioritisingthemwithinthecontentandlayout.

Prioritisecontent

Interfacescanbedifficulttounderstandwhencorefeaturesarenotclearlyexposedandprioritised.Asiteorapplicationmayprovidelotsofinformationandfunctionality,butpeopleshouldbeabletofocusononethingatatime.Identifythecorepurposeoftheinterface,andthenthecontentandfeaturesneededtofulfillthatpurpose.

Adapted from inclusivedesignprinciples.org

Examples of how to achieve this principle

Compose

1 2•

For more information go to barclayscorporate.com/accessibility ThisworkislicensedundertheCreativeCommonsAttribution-ShareAlike3.0UnportedLicense.

6

InclusiveDesignPrinciple

Page 7: Inclusive Design Principles A4 - All - Externalinclusivedesignprinciples.org/posters/multiple.pdf · • Multiple ways to complete an action: Where appropriate, provide multiple ways

• Make task completion easier: Adda‘Showpassword’buttontoinputfieldssouserscanverifytheyhavecorrectlyinputtext,oraddtouchidentificationforpasswordprotectedareas.

• Integration with connected devices or second screen:Usingvoiceinterfacestocontrolmultimedia,searchforcontent,outputfrommusicorT addsvalueforpeoplewhostruggletouseotherinterfaces.

• Integration with platform APIs:Enhancefunctionalityusingplatformfeatures.ThevibrationAPImakesnotificationsmoreusablebydeafandhardofhearingpeoplewhilethegeolocationAPImakesiteasierforpeoplewithmobilityimpairmentstouselocationbasedservices.

Considerthevalueoffeaturesandhowtheyimprovetheexperiencefordifferentusers.

Addvalue

eaturesshouldaddvaluetotheuserexperiencebyprovidingefficientanddiversewaystofindandinteractwithcontent.Considerdevicefeaturessuchasvoice,geolocation,cameraandvibrationAPI’s,andhowintegrationwithconnecteddevicesorasecondscreencouldprovidechoice.

Adapted from inclusivedesignprinciples.org

Examples of how to achieve this principle

Show password

qwerty123

For more information go to barclayscorporate.com/accessibility ThisworkislicensedundertheCreativeCommonsAttribution-ShareAlike3.0UnportedLicense.

7

InclusiveDesignPrinciple


Multiple Ways to Measure Student Growth

Multiple Ways To Build A Saa S Product

˘ ˇ ˆˇ ˙˝ ˛ - Estufa Multipleestufamultiple.com/descargas/MANUAL ESTUFA MULTIPLE.pdf · ˇ ˆ˙ ˝ ˛˚˜ !"˜# $ ˇ$ % ˝ ˆ ˇ ˘ & ’ ( )˜ * $ $ ˘ ˝ ˇ ˙ ˆ * ˙ +

Multiple Intelligences Unlock the door to – EIGHT WAYS OF BEING SMART!

Teoria inteligențelor multiple - CSEI nr.1 Sibiucsei1sibiu.ro/wp/wp-content/uploads/2015/05/9-teoria-inteligentelor-multiple.pdf · Teoria inteligențelor multiple Howard Gardner

Development of Genomic EPD: Expanding to multiple breeds in multiple ways

RENE MIRAMONTES Multiple Ways To Attack Through … · Multiple Ways To Attack Through Midfield Summary ... Fabian Banchiero Very good question Fabian. I think it is a matter of

APPENDICES Multiple Ways of Exercising Leadership ... · Multiple Ways of Exercising Leadership — Appendices, page 4 Qualities such as being caring, honest, helpful to the community

Leveraging your customer: the multiple ways your customers can help your business

5 Key Ways to Protect Multiple vSphere VMs

MULTIPLE LINEAR REGRESSION IN MINITABpeople.stern.nyu.edu/churvich/Undergrad/Minitab/Multiple.pdf · GUIDE TO MINITAB REGRESSION ... MULTIPLE LINEAR REGRESSION IN MINITAB This document

Case study - SAGE Publications case studies - UNC Datasets multiple ways...locally, so students have limited access to it outside teaching hours. Case study Multiple ways to use datasets

Don't Be a One and Done: Creative Ways to Use Multiple Apps

WEAR MULTIPLE WAYS · WEAR MULTIPLE WAYS TUFF & DRY WICKING & COOLING • Protection from dust & debris in the air, as well as the heat & sun • UPF 50+ blocks 98% of UV rays •

Multiple Intelligences are the three Multiple Intelligences Visions? 1. Teaching with Intelligences Just as students are smart in different ways, they also learn in different ways

Multiple Taxation and Regulation in the Nigerian Telecomms ...consumer.ncc.gov.ng/Archive/publication/special/multiple.pdf · Engage a reputable Consultant to undertake a consolidated

INTELLIGENZE MULTIPLE - murialdo.taa.itmurialdo.taa.it/wp-content/uploads/2018/03/Intelligenze-Multiple.pdf · teoria gardneriana delle intelligenze multiple, a partire dal lavoro

Multiple Ways to Use Twitter in the Classroom

EMBARAZO MULTIPLE - reeme.arizona.edu Multiple.pdf · EMBARAZO GEMELAR COMPLICADO A) Muerte fetal de un producto.Muerte fetal de un producto. B) Crecimiento considerado del utero.B)

MULTIPLE LINEAR REGRESSION IN MINITABpages.stern.nyu.edu/~ywang2/docs/c220103/Multiple.pdf · MULTIPLE LINEAR REGRESSION IN MINITAB This document shows a complicated Minitab multiple

Multiple Intelligences Different ways of learning Presenter: Chris Leonard – Title I Reading Interventionist

Multiple ways to be smart: Gardener’s Theory of Multiple

Multiple Ways You Can Get Money For College

MULTIPLE LINEAR REGRESSION IN MINITABpeople.stern.nyu.edu/churvich/MBA/Minitab/Multiple.pdf · MULTIPLE LINEAR REGRESSION IN MINITAB. This document shows a complicated Minitab multiple

In What Ways Am I Smart? Multiple Intelligences. By the eyes…

COMPENSATION PLAN OVERVIEW - Fields® · 2013. 6. 3. · MULTIPLE WAYS TO EARN The Rodan + Fields® Compensation Plan offers multiple ways to earn: RETAIL PROFIT1 from selling product

Multiple Ways To Make Money Trading

INTELIGENŢELE MULTIPLE - oportunitatiegale.ro inteligentelor multiple.pdf · INTELIGENŢELE MULTIPLE ŞI INSTRUIREA DIFERENŢIATĂ Cadrele didactice, profesorii, educatorii pot juca,

cancha de uso multiple.pdf

Engaging Students in Multiple Ways 12/18/[email protected]

Multiple ways to save gas money on your

Shindaiwa M230_herramienta multiple.pdf

Matt Spangler University of Nebraska- Lincoln DEVELOPMENT OF GENOMIC EPD: EXPANDING TO MULTIPLE BREEDS IN MULTIPLE WAYS

Multiple random walks in random regular graphsaf1p/Texfiles/Multiple.pdf · The cover time of a random walk on a random r-regular graph was studied in [6], where it was shown with

Multiple Ways to Finance an Investment Property