Meta tags:
description=This page contains talks, workshops, tutorials and presentations about accessibility for JavaScript developers. Learn how to create accessible websites and applications that are usable by everyone, regardless of physical or cognitive abilities. Discover best practices for making your content work for all users, including those with visual, auditory, motor, and cognitive impairments. Gain practical advice on how to use HTML, CSS, and JavaScript to ensure maximum accessibility.;
keywords=Accessibility, Talks, Workshops, Tutorials, Presentations, JavaScript, Developers, Learning Portal, SEO Expert;

Headings (most frequently used words):

accessibility,

Text of the page (most frequently used words):
the (350), and (336), #accessibility (283), for (154), react (86), testing (68), with (66), web (61), accessible (61), talk (55), min (55), importance (44), using (36), use (33), are (33), how (33), building (31), user (31), can (30), that (29), design (28), aria (28), this (27), screen (27), development (26), summit (25), your (24), also (24), tools (24), apps (23), elements (23), component (23), components (21), emphasizes (21), users (20), you (20), a11y (19), discusses (18), like (18), into (18), focus (17), all (16), such (16), app (16), code (15), about (15), automated (15), role (15), issues (15), tab (15), native (14), challenges (14), experience (14), reader (14), making (14), navigation (14), provides (14), html (14), speaker (14), vue (13), people (13), but (13), axe (13), practical (13), they (13), 2024 (13), from (12), practices (12), javascript (12), inclusive (12), creating (12), website (12), digital (12), interactive (12), keyboard (12), end (12), advanced (12), 2023 (12), support (11), systems (11), css (11), buttons (11), everyone (11), workshop (11), highlights (11), need (11), software (11), more (11), jsnation (11), library (11), readers (11), browser (11), animations (10), manual (10), covers (10), case (10), study (10), disabilities (10), tests (10), content (10), 2022 (10), mobile (10), popovers (10), disabled (9), 2021 (9), developers (9), test (9), automation (9), benefits (9), what (9), various (9), form (9), its (9), applications (9), assistive (9), text (9), forms (9), github (9), best (8), handling (8), discussed (8), create (8), have (8), provide (8), work (8), real (8), semantic (8), engineer (8), there (8), journey (8), different (8), dialogues (8), not (7), performance (7), today (7), wcag (7), guidelines (7), used (7), will (7), build (7), features (7), beyond (7), first (7), highlighting (7), experiences (7), these (7), based (7), highlighted (7), security (7), explores (7), principles (7), solutions (7), interactions (7), roles (7), between (7), nested (7), tabs (7), api (7), impact (6), emphasized (6), ensure (6), tips (6), strategies (6), integration (6), significance (6), implementing (6), important (6), platform (6), was (6), button (6), learn (6), make (6), lighthouse (6), attributes (6), including (6), include (6), labels (6), websites (6), incorporating (6), discussing (6), insights (6), common (6), one (6), modal (6), list (6), enhancing (6), system (6), through (6), considerations (6), implementation (6), ethics (6), optimizing (6), selected (6), 2025 (6), 2026 (5), privacy (5), get (5), tags (5), overall (5), may (5), approach (5), developer (5), addressing (5), understanding (5), improving (5), crucial (5), essential (5), class (5), cases (5), disability (5), help (5), them (5), during (5), adding (5), process (5), options (5), resources (5), tdd (5), promoting (5), correct (5), login (5), devices (5), shares (5), concludes (5), see (5), let (5), technologies (5), has (5), usage (5), formkit (5), element (5), semantics (5), when (5), customization (5), voice (5), nightmare (5), default (5), apis (5), proper (5), option (5), exploring (5), rights (4), legal (4), feedback (4), talks (4), workshops (4), management (4), frontend (4), menu (4), focused (4), topics (4), dom (4), visual (4), order (4), hidden (4), links (4), remote (4), framework (4), way (4), scott (4), efforts (4), testjs (4), faced (4), start (4), aspects (4), needs (4), additional (4), divs (4), easier (4), right (4), means (4), discussion (4), our (4), unit (4), without (4), cypressx (4), avoid (4), time (4), top (4), technical (4), techniques (4), their (4), prioritize (4), isn (4), emphasizing (4), global (4), contrast (4), many (4), valuable (4), better (4), rendering (4), maya (4), technology (4), compatibility (4), effective (4), properties (4), automating (4), add (4), complex (4), example (4), integrating (4), secure (4), tree (4), really (4), computer (4), fast (4), keys (4), popup (4), attribute (4), guide (4), cake (4), discord (4), nation (3), gitnation (3), conditions (3), product (3), deal (3), new (3), error (3), edition (3), core (3), other (3), frameworks (3), made (3), easy (3), empathy (3), 2020 (3), engineering (3), over (3), specific (3), match (3), div (3), play (3), join (3), lainey (3), feingold (3), world (3), landscape (3), why (3), sure (3), errors (3), guidance (3), validate (3), cypress (3), changes (3), deep (3), bug (3), doing (3), e2e (3), catch (3), defects (3), conducting (3), set (3), only (3), those (3), necessary (3), configuring (3), checks (3), jest (3), pages (3), involves (3), production (3), examples (3), improved (3), debt (3), basic (3), responsibility (3), should (3), front (3), interfaces (3), improvements (3), address (3), show (3), know (3), where (3), live (3), workflow (3), awareness (3), together (3), simple (3), steps (3), consuming (3), focusing (3), ensuring (3), behavior (3), functional (3), color (3), individuals (3), platforms (3), data (3), single (3), standards (3), dive (3), pop (3), international (3), dynamic (3), information (3), application (3), coding (3), become (3), designed (3), additionally (3), access (3), consider (3), unique (3), change (3), within (3), storybook (3), concept (3), carnival (3), masks (3), widget (3), workflows (3), risks (3), nuxt (3), browsers (3), visually (3), businesses (3), chandra (3), european (3), companies (3), optimization (3), internet (3), image (3), something (3), panel (3), follow (3), disabling (3), dimmed (3), enabled (3), canvases (3), svg (3), canvas (3), transitions (3), smooth (3), effects (3), animation (3), portal (3), lie (3), stats (2), community (2), terms (2), faq (2), tech (2), subscribe (2), conference (2), state (2), hooks (2), quality (2), typescript (2), popular (2), discover (2), covering (2), required (2), fields (2), formats (2), session (2), questions (2), usable (2), share (2), prioritizing (2), achieving (2), settings (2), gremlin (2), jen (2), luker (2), basics (2), inclusivity (2), preventing (2), limited (2), setting (2), documentation (2), some (2), citizen (2), ease (2), concluded (2), covered (2), big (2), anyway (2), human (2), around (2), globe (2), laws (2), law (2), matters (2), participate (2), regardless (2), fixing (2), while (2), open (2), small (2), shopify (2), good (2), anything (2), ways (2), rules (2), problems (2), enable (2), improves (2), cover (2), driven (2), writing (2), providing (2), apply (2), out (2), centric (2), organized (2), available (2), perfect (2), relationship (2), repaying (2), credit (2), pay (2), focuses (2), internationalization (2), showcases (2), after (2), applying (2), uis (2), prioritizes (2), highlight (2), cater (2), network (2), limitations (2), youtube (2), introduces (2), libraries (2), lifting (2), explore (2), mouse (2), doesn (2), skills (2), understand (2), states (2), team (2), index (2), recommends (2), knowledge (2), existing (2), starting (2), still (2), consistency (2), formidable (2), alessandro (2), senese (2), inaccessible (2), being (2), quest (2), remix (2), done (2), functionality (2), flow (2), extensions (2), demystifying (2), conf (2), types (2), impairments (2), scaling (2), font (2), size (2), recommended (2), day (2), berlin (2), validation (2), introduction (2), generation (2), which (2), allows (2), conquering (2), non (2), now (2), supported (2), added (2), suggestions (2), positioning (2), specialist (2), hidde (2), vries (2), dialog (2), dilemmas (2), mischief (2), ups (2), organizations (2), published (2), author (2), maintainer (2), shavin (2), interact (2), recommendations (2), icon (2), going (2), just (2), copilot (2), accurate (2), whoa (2), wrote (2), hands (2), ninjas (2), well (2), whole (2), lot (2), cognitive (2), advocating (2), industry (2), thinking (2), differently (2), neurospicy (2), cause (2), limiting (2), gathering (2), khan (2), academy (2), cat (2), johnson (2), along (2), relation (2), disclosure (2), pattern (2), pretty (2), ntandala (2), lucky (2), theory (2), senior (2), resource (2), evolving (2), module (2), debug (2), programs (2), name (2), specified (2), impaired (2), engines (2), three (2), explain (2), manager (2), commitment (2), financial (2), proactive (2), ethically (2), wired (2), technologists (2), groups (2), carney (2), standard (2), act (2), requirement (2), adaptive (2), control (2), connection (2), bundler (2), instead (2), type (2), every (2), visitor (2), excited (2), enact (2), jsx (2), actual (2), chrome (2), happens (2), things (2), spec (2), each (2), arrow (2), implement (2), press (2), shift (2), authoring (2), notification (2), selecting (2), checkbox (2), collapsed (2), fourth (2), requires (2), least (2), channel (2), much (2), reusable (2), oli (2), chart (2), includes (2), visibility (2), certification (2), broken (2), fail (2), projects (2), kyle (2), west (2), utilizing (2), heart (2), place (2), usability (2), spring (2), motion (2), glados (2), pitfalls (2), might (2), authentication (2), complexities (2), firefox (2), love (2), triangle (2), written (2), could (2), been (2), rule (2), runtime (2), checking (2), reserved, conduct, policy, rss, feeds, assistance, promote, conferences, contact, careers, company, miss, free, discounted, tickets, newsletter, fullstack, node, builders, founders, next, svelte, multipass, articles, mentors, events, main, field, addressed, asterisks, date, inputs, vanguard, manjula, dube, ios, android, already, familiar, baked, vinkle, emberjs, ember, npm, packages, value, evaluation, alongside, skillsengine, ava, wroten, january, subtitles, addition, training, increasing, markets, languages, lawsuits, considering, tooling, prop, helpful, require, attention, donut, sophie, preference, advocates, converting, look, target, market, briefly, mentioned, tapping, feature, ionic, closing, remarks, advancing, lawyer, policies, come, put, pocket, office, finland, identify, outcomes, simulate, source, excellent, leads, resilience, yuraima, estevez, studio, ghibli, jazz, jazzx, unitizing, explained, typings, file, bugs, emily, xiong, engine, runs, configured, disable, run, linter, does, investing, complement, deque, steven, lambert, started, detect, violations, fully, rendered, amount, replace, testers, aren, than, bonnie, schulkin, intersection, before, safety, net, demonstrates, life, filling, atomic, clean, ids, volkswagen, group, portugal, rita, castro, mentorship, bad, lack, caring, particularly, low, number, passing, overlooked, mabl, argentina, eva, ferreira, wai, keyword, breadcrumbs, demo, deel, nikhil, sharma, creation, solving, iframe, light, emphasize, call, sensible, defaults, improve, architect, ibrahim, cesar, bevilacqua, often, damaging, mistakes, favor, actually, enhance, multiple, nos, reason, afraid, limit, contrary, toggleble, regions, loading, integrate, away, realize, hard, sounds, sandrina, pereira, 161, debugging, aims, raise, lead, slack, shruti, kapoor, divided, two, parts, scratch, armour, fixes, announcing, appearance, streamline, shipped, appropriate, evinced, asaf, shochet, avida, ensures, equally, population, dev, simulator, plays, readability, further, exploration, storyblok, josefine, schaefer, europe, affect, possible, supporting, dark, mode, readable, external, inspector, scanner, analyzing, communities, ally, twitter, ama, learning, simplicity, refactoring, inline, showcased, automatic, collection, simplified, schema, representation, creator, justin, schroeder, london, versatile, any, pickers, teaching, boxes, action, menus, behaviors, dismissal, methods, expanding, reusability, customizability, responsiveness, developing, key, structure, scalability, planning, persuading, models, convincing, upper, vodafoneziggo, anuradha, kumari, artificial, intelligence, peer, programmer, powered, openai, codecs, comments, prompt, markdown, editor, tested, successfully, deleting, items, commands, rizel, scarlett, equip, markup, then, exercises, learned, meet, equipped, latest, awesome, ninja, authors, 109, differences, differentiating, modals, blocking, rest, page, goes, neurodivergent, pose, coga, designing, tolerance, nhs, proven, emergencies, beamery, stephanie, shaw, personal, involving, mitigating, structures, patterns, restructuring, adjusting, conclusion, encourages, sharing, tool, identifying, level, efficient, loops, were, wednesday, praveen, kumar, hide, extending, warns, against, mixing, complexity, carousel, designer, kathleen, mcmahon, kengose, carries, pelly, actions, ginter, husky, bbd, nkosi, microsoft, cidi, compliance, layout, levels, recommend, xcore, playwright, gitlab, azure, pipeline, devops, owasp, constantly, headers, rate, cross, site, request, forgery, protection, leaks, mitigate, difference, public, private, tokens, token, storefront, jakub, andrzejewski, presentation, evolution, adapted, graphical, introduced, allowing, construct, database, vary, across, excluding, relevant, determining, derived, mathilde, buenerd, optimize, viewports, obligations, deliver, correlation, organic, reach, search, fundamental, continuous, find, fix, mentor, board, champions, essent, maarten, van, hoof, agreed, upon, govern, ethical, decision, reflects, fostering, compassionate, technological, early, cycle, exclusions, losses, premortems, check, ins, validating, goals, following, association, computing, machinery, books, justice, selam, moges, difficult, mitigation, unnesting, overlay, cautious, modifying, involve, online, equal, view, civil, versions, 301549, updates, ada, directive, reinforces, inclusion, holds, accountable, spent, last, years, program, launched, york, times, etsy, aetna, factors, sitting, position, future, controlling, device, cpu, submission, proposal, respond, save, connections, miro, google, expert, medhat, dawoud, minimum, called, spotlight, direction, reading, dingbae, range, widgets, alert, popups, virtual, useful, custom, message, announcements, static, analysis, devtools, electronics, seungho, park, hey, sid, person, would, walk, turning, sets, context, tells, labeled, inside, several, interesting, hearing, cannot, infer, conveyed, overrides, identifies, pronounces, spaces, auto, specify, selection, expression, disorienting, separate, navigate, remove, focusable, enter, back, extracted, hook, decide, bind, differentiate, instant, activated, apg, informative, always, channels, presented, indicating, reads, status, desired, submitted, saved, notified, recontextualized, certain, hides, removing, conditional, until, eliminates, issue, makes, affecting, styling, click, cancellation, own, keyboards, voiceover, mac, uses, signify, another, span, descriptions, describeby, notify, failed, unticked, tick, box, label, mean, never, seems, intuitive, ahead, else, became, again, clear, feels, mind, sprinkle, bring, earlier, stage, careful, rldisabled, short, six, blue, sky, siddharth, kshetrapal, delves, comparing, interpretation, proxy, showcasing, indicators, direct, speech, conversion, transformersjs, grid, legat, gulasha, emphasis, placed, interface, mandates, graphics, explanations, initiatives, teams, semrush, glafira, zhur, products, lessons, tabindex, reviews, vestibular, disorders, prefersreducemotion, media, query, comfort, queries, staff, familysearch, neglecting, poses, reputational, active, enforcement, regulations, enhances, retention, seo, labeling, enhancement, friendly, aviron, karly, lamm, bridging, gap, expectations, keyframes, timing, functions, cubic, bezier, curves, diverse, introducing, powerful, seamless, broad, customizing, names, transitioning, natural, framermotion, buffer, kateryna, porshnieva, promise, everywhere, seem, glance, encounter, maze, invisible, walls, traps, captchas, herself, walkthrough, similar, traversing, chambers, minor, transform, chamber, throw, both, universe, especially, concerning, processes, special, grab, gun, break, down, barriers, truly, works, ramona, schwering, 100, amsterdam, research, desktop, trees, w3c, overview, iaccessible2, combinations, reporting, centralized, overlabeling, priority, initiating, labs, engaging, conversations, centered, improvement, ikea, tshepiso, lehutjo, fiber, uniqueness, bubble, enhanced, scroll, snap, touch, leveraging, capabilities, innovative, efficiency, prioritization, positive, trends, tailwind, modern, host, syntax, tolinski, meaning, incorrect, landmark, heavy, upcoming, requirements, hygiena, abbey, perini, broader, audience, affordances, layers, area, explored, newer, interaction, innovations, tooltips, extends, implications, caution, regarding, dependency, sonar, julian, burr, rings, outlines, unified, ring, saturation, slider, concerns, colors, filters, performant, brandon, dail, experts, refers, ability, alternative, images, high, schemes, understood, log, tutorials, presentations,

Text of the page (random words):
h like the promise of cake in portal login forms are everywhere in web development while they may seem functional at first glance many users with disabilities encounter a maze of invisible walls from keyboard traps to inaccessible captchas it s as if glados designed these forms herself to test us in this practical walkthrough we will debug the accessibility issues of a real react login component live similar to traversing those test chambers using an actual screen reader we ll show how minor improvements such as proper aria implementation and effective focus management can transform a complex test chamber into a smooth user experience additionally we will address the common pitfalls that glados might throw at us in both the portal universe and the real world of accessibility especially concerning authentication processes and its special needs so grab your portal gun let s work together to break down these barriers and ensure that authentication truly works for everyone the cake might be a lie but accessibility doesn t have to be accessibility practical guide to animation in react react summit us 2025 27 min practical guide to animation in react kateryna porshnieva buffer the importance of animations in enhancing user experience by bridging the gap between user expectations and digital interfaces practical examples of creating animations using css transitions and keyframes for smooth and complex effects utilizing timing functions with cubic bezier curves for diverse animations and accessibility considerations introducing vue transitions as a powerful web api for seamless animations with broad browser support customizing vue transitions for unique effects optimizing usage with unique names and global disabling and transitioning to spring based animations for natural ui interactions exploring framermotion and motion library for react animations configuring spring behavior for smooth effects and enhancing animations with motion and css for improved user experience design frontend css animations accessibility accessible by default building apps that everyone can use jsnation us 2025 24 min accessible by default building apps that everyone can use karly lamm aviron software this talk emphasizes the importance of accessibility in app development for all users highlighting various types of disabilities and the need for inclusive design neglecting accessibility poses legal financial and reputational risks with active enforcement of regulations accessibility improves usability for all users enhances user retention and provides seo benefits react native and proper element labeling play a crucial role in enhancing app accessibility dynamic content accessibility text scaling optimization and incorporating ai for accessibility enhancement are essential for creating inclusive and user friendly apps accessibility my heart is in the right place but the dom isn t react summit 2025 18 min my heart is in the right place but the dom isn t kyle west staff engineer at familysearch international kyle west emphasizes the importance of building accessible products and shares experiences in ensuring accessibility a focus on accurate aria labels and the impact on accessibility optimizing accessibility with proper labels and utilizing the aria hidden attribute lessons in aria usage tabindex attribute and the importance of quality code reviews addressing vestibular disorders in web design with solutions like prefersreducemotion media query enhancing user comfort with accessibility queries and the importance of inclusive user centric design in product development accessibility a11y testing is broken how lighthouse and axe fail in real projects jsnation 2025 29 min a11y testing is broken how lighthouse and axe fail in real projects glafira zhur semrush the speaker gulasha shares insights on accessibility challenges commitment automated testing tools and the european accessibility act emphasis is placed on text content accessibility web interface mandates manual testing importance and complex graphics explanations issues with focus visibility voice control testing and global accessibility certification are highlighted promoting accessibility practices advocating for certification and starting small initiatives within teams are discussed accessibility a11y interactive canvases jsnation 2025 28 min a11y interactive canvases oli legat ag grid oli s talk delves into the importance of accessibility and interactive canvases comparing svg and canvas rendering for chart components the discussion includes enhancing svg elements with aria attributes for better screen reader interpretation implementing accessible canvas using proxy elements and showcasing interactive elements with focus visibility the talk also explores dynamic focus indicators ai integration for screen readers and the optimization of canvas over svg for performance considerations for eu accessibility testing direct screen reader apis and image to speech conversion using transformersjs are discussed accessibility case study building accessible reusable react components at github react day berlin 2024 22 min case study building accessible reusable react components at github siddharth kshetrapal github hey i m sid and i work on the design systems team at github let s talk about building accessible react components with a focus on screen readers use the correct html element for accessibility for example on github there are three tabs with options these tabs are made using buttons let s see how a visually impaired person using a screen reader would access this website what do they see i m going to enable the screen reader and walk you through what happens when turning on the screen reader it sets the context and tells you where you are for example on the react app a button labeled code has focus and a menu popup inside the popup there are several buttons with different labels something interesting happens if i can t see the ui i m hearing buttons but no tabs screen readers cannot infer things like tabs from visual design to provide this information we can use the aria spec and its roles by adding a role tab list to the div and role tab to each button the semantics are conveyed the role overrides html semantics screen reader identifies tabs pronounces code spaces default behavior of a tab is auto focus we can add aria selected attribute to specify selection using react i m using an expression to set aria selected based on the selected tab the navigation into the tab panel is disorienting there are separate groups for the tab list and tab panel and there is a need for navigation between them use arrow keys to navigate within the widget remove tabs from the tab index only the selected tab should be focusable implement arrow keys for navigation press tab to enter the tab panel press shift tab to go back up keyboard navigation is a common pattern extracted into a hook decide which keys to bind based on the widget type change selected tab on focus consider the aria authoring practices guide for keyboard interactions differentiate between instant and activated tabs follow the aria spec and use the apg as an informative resource screen readers may not always follow the aria authoring practices guide use correct html elements add aria roles properties and states implement keyboard navigation use a github example of notification settings with proper semantic elements when selecting notification channels the options are presented in a pop up the focus is on the first checkbox indicating that it is the first option the screen reader reads the status of each option after selecting the desired option the form can be submitted the change is saved and the user is notified the focus is recontextualized on the collapsed menu popup button not rendering the fourth option in certain conditions hides it from screen users removing the conditional and disabling the fourth checkbox until necessary eliminates this issue using ir disabled instead of disabled makes the element accessible for screen reader and keyboard users without affecting styling or click cancellation you have to add your own class name and make sure it is disabled it is accessible by keyboards voiceover on mac uses dimmed to signify ir disabled adding another span that requires at least one channel additional descriptions can be added using aria describeby screen reader only notify for failed workflows requires at least one channel to be selected dimmed unticked tick box now you know the label why it is disabled and that it s dimmed and let s see if it s if i mean never menu popup collapsed this flow seems more intuitive you know all your options up ahead one option was disabled enabled something else and it became enabled again much more clear feels like a better ui we need to design with accessibility in mind accessibility isn t something that you can just sprinkle on in the end we have to bring it way earlier in the stage be careful when disabling elements use rldisabled short list of six things to consider links on my website follow me on blue sky accessibility react ui accessibility on tv practical case study in real production react summit us 2024 10 min react ui accessibility on tv practical case study in real production seungho park lg electronics i m excited to talk about react ui accessibility on tv enact is a react based framework designed for tv ui components keyboard navigation is the minimum requirement for accessibility the enact framework has a module called spotlight for tv remote direction keys all attributes and roles are supported in jsx practical cases include reading a dingbae font icon with no text handling range widgets alert popups and virtual components testing on actual devices is important useful tools for accessibility development include custom message announcements static analysis with jsx a11y and accessibility testing with chrome devtools react components accessibility best practices building a fast website for every single visitor react advanced 2024 31 min building a fast website for every single visitor medhat dawoud senior software engineer at miro and a google developer expert in web technologies this talk focuses on building a fast and accessible website for all users highlighting the importance of performance and user experience optimization it emphasizes the need for adaptive implementation to cater to different devices and user conditions the talk also discusses the factors beyond the developer s control such as screen size browsers devices internet connection and sitting position it highlights the significance of optimizing image components for various devices and the role of browser support and rendering engines the speaker discusses the use of future apis and the challenges of browser compatibility as well as optimizing image formats and bundler compatibility the talk provides insights on controlling bundler and device compatibility optimizing cpu usage internet connection and javascript form submission it concludes with a proposal to respond with save data instead of effective type for limited internet connections and recommends using react with adaptive hooks for better user experiences overall the talk covers essential aspects of building a fast and accessible website performance accessibility case study accessibility in 2024 react summit 2024 23 min accessibility in 2024 chandra carney chandra has spent the last 9 years building accessibility program strategies at various organizations and launched those companies accessibility efforts including the new york times etsy and aetna digital chandra carney discusses accessibility in 2024 highlighting the importance of equal access for disabled people and the evolving view of disabilities as civil rights the talk covers the global accessibility standard wcag with versions 2 0 2 1 and 2 2 and the european standard en 301549 updates to laws such as the ada in the us and the web accessibility directive and european accessibility act in the eu are also discussed the eu reinforces the importance of inclusion and holds businesses accountable for accessibility proactive accessibility is emphasized as a requirement and everyone s responsibility accessibility nested interactive elements a nightmare in accessibility react summit 2024 9 min nested interactive elements a nightmare in accessibility cat johnson khan academy nested interactive elements in nightmare accessibility can cause issues with screen readers and other assistive tools making it difficult for users to interact with websites mitigation strategies include unnesting elements using css overlay and being cautious when modifying roles it is recommended to involve users of assistive tools in focus groups and share solutions online ux ui accessibility ethically wired computer ethics for technologists jsnation 2024 9 min ethically wired computer ethics for technologists selam moges software engineer computer ethics is the set of agreed upon principles that govern the use of technology and integrating ethical frameworks into the decision making process reflects a commitment to fostering a compassionate technological landscape incorporating ethics early in the product development cycle can avoid exclusions and financial losses and can be done through premortems and check ins promoting proactive inclusivity involves validating and prioritizing goals conducting user testing and following the association for computing machinery s code of ethics additional resources include books on computer ethics and the design justice network accessibility internationalization explain like i m your manager digital accessibility jsnation 2024 20 min explain like i m your manager digital accessibility maarten van hoof essent experience the challenges faced by visually impaired people and optimize user experiences for different viewports understand the importance of digital accessibility and its benefits for businesses learn about the obligations for businesses to deliver accessible features and the correlation between accessibility and organic reach in search engines discover the three fundamental steps to work on accessibility and the concept of continuous accessibility find out how to test fix and mentor accessibility issues and how to get people on board by gathering champions and incorporating accessibility into workflows accessibility what is the accessibility tree really jsnation 2024 19 min what is the accessibility tree really mathilde buenerd shopify this is a presentation on accessibility and screen readers the speaker discusses the evolution of screen readers and how they adapted to graphical user interfaces accessibility apis and the accessibility tree are introduced allowing programs to construct a text database used by assistive technologies the accessibility tree may vary across browsers and platforms excluding elements that are not relevant to assistive technologies the aria hidden state and element properties pla...