Hey All, I went digging through some old tickets and pulled up our Acceptance Criteria for making the GDPR modal popup accessible on AAM's website, I thought this might be useful for others trying to make accessible popups or modal messages.
-Tim *Acceptance criteria* -The button should include screen reader text and dismiss this message -When the page loads, the keyboard focus to be set on the button. -The containing div needs aria-modal=true attribute -The escape key should activate the dismiss button. -The button should be a button tag, not an anchor, and remove Role=button attribute from the tag. It only conveys a name, does not change behavior. Needs to be an actual button. (This is the equivalent of holding up a paper in front of a wall and calling it a door) -Make the modal heading an h2 -Make the modal heading focusable by setting tabindex to -1 -Set the focus to the modal heading when the page loads -When the modal is dismissed, set the focus on "Skip to Content" On Wed, Mar 4, 2020 at 9:36 AM Andrew Fox <[email protected]> wrote: > Thanks, Tim! > > > *Andrew Fox*Senior Web & Interactive Developer > Fine Arts Museums of San Francisco > 415.750.3615 > > > On Wed, Mar 4, 2020 at 9:23 AM Tim Schwartz <[email protected]> wrote: > >> Hey Andrew, >> >> We implemented GDPR for https://www.aam-us.org/ and a number of other >> sites. A lot of it depends on if you are actually processing data or not, >> or using cookies to track people. But for GDPR specifically it only matters >> that those from the countries are informed, so you likely don't need to >> change anything for your US customers. It looks like you are only >> collecting data on your ticketing site, I would suggest offloading all the >> GDPR and CCPA to them and the subdomain they use, not on your main site. >> >> Feel free to follow up with me directly if you have more questions. >> >> -tim >> >> >> On Wed, Mar 4, 2020 at 3:02 AM Amalyah Keshet <[email protected]> >> wrote: >> >>> Andrew: >>> >>> The consultancy I work for does comprehensive GDPR compliance training. >>> >>> If you like you can contact me off list. >>> >>> Amalyah Keshet >>> >>> >>> On Tue, Mar 3, 2020, 02:02 Andrew Fox <[email protected]> wrote: >>> >>> > Does anyone have any experience making a museum website CCPA and/or >>> GDPR >>> > compliant? Right now I'm getting mixed messages from both our legal >>> counsel >>> > and our marketing team who are in contact with their media agency. >>> > >>> > A quick and far from thorough survey of museum websites suggests that >>> most >>> > aren't doing anything to address it yet, but I'd love to hear from >>> anyone >>> > who has. >>> > >>> > Thanks! >>> > >>> > >>> > *Andrew Fox*Senior Web & Interactive Developer >>> > Fine Arts Museums of San Francisco >>> > 415.750.3615 >>> > _______________________________________________ >>> > You are currently subscribed to mcn-l, the listserv of the Museum >>> Computer >>> > Network (http://www.mcn.edu) >>> > >>> > To post to this list, send messages to: [email protected] >>> > >>> > To unsubscribe or change mcn-l delivery options visit: >>> > http://mcn.edu/mailman/listinfo/mcn-l >>> > >>> > The MCN-L archives can be found at: >>> > http://www.mail-archive.com/[email protected]/ >>> > >>> _______________________________________________ >>> You are currently subscribed to mcn-l, the listserv of the Museum >>> Computer Network (http://www.mcn.edu) >>> >>> To post to this list, send messages to: [email protected] >>> >>> To unsubscribe or change mcn-l delivery options visit: >>> http://mcn.edu/mailman/listinfo/mcn-l >>> >>> The MCN-L archives can be found at: >>> http://www.mail-archive.com/[email protected]/ >>> >> _______________________________________________ You are currently subscribed to mcn-l, the listserv of the Museum Computer Network (http://www.mcn.edu) To post to this list, send messages to: [email protected] To unsubscribe or change mcn-l delivery options visit: http://mcn.edu/mailman/listinfo/mcn-l The MCN-L archives can be found at: http://www.mail-archive.com/[email protected]/
