{"id":47,"date":"2025-06-27T23:38:13","date_gmt":"2025-06-27T23:38:13","guid":{"rendered":"https:\/\/pagebuilders.equalizedigital.com\/divi\/?page_id=47"},"modified":"2025-07-09T04:25:47","modified_gmt":"2025-07-09T04:25:47","slug":"components","status":"publish","type":"page","link":"https:\/\/pagebuilders.equalizedigital.com\/divi\/components\/","title":{"rendered":"Components"},"content":{"rendered":"

[et_pb_section fb_built=”1″ _builder_version=”4.27.4″ _module_preset=”default” global_colors_info=”{}”][et_pb_row _builder_version=”4.27.4″ _module_preset=”default” global_colors_info=”{}”][et_pb_column type=”4_4″ _builder_version=”4.27.4″ _module_preset=”default” global_colors_info=”{}”][et_pb_heading title=”Accordion” _builder_version=”4.27.4″ _module_preset=”default” title_level=”h2″ global_colors_info=”{}”][\/et_pb_heading][\/et_pb_column][\/et_pb_row][et_pb_row _builder_version=”4.27.4″ _module_preset=”default” global_colors_info=”{}”][et_pb_column type=”4_4″ _builder_version=”4.27.4″ _module_preset=”default” global_colors_info=”{}”][et_pb_accordion _builder_version=”4.27.4″ _module_preset=”default” toggle_level=”h3″ global_colors_info=”{}”][et_pb_accordion_item title=”Accordion 1″ _builder_version=”4.27.4″ _module_preset=”default” global_colors_info=”{}” open=”on”]<\/p>\n

Equalize Digital<\/a>\u00a0Web accessibility lorem ipsum dolor sit amet, inclusive design ensures equitable access to digital content by users of all abilities. WCAG guidelines provide a robust framework for perceivable, operable, understandable, and robust interfaces. Screen reader compatibility, semantic HTML, and sufficient color contrast are essential components. Vestibulum aria-labels turpis at ex facilisis, enabling assistive technologies to navigate meaningfully. Keyboard navigation must not be overlooked\u2014tabindex management and focus indicators enhance usability. Placeholder text non est label; use\u00a0<\/span><label for><\/code>\u00a0relationships instead. Donec alt attributes for images improve comprehension for non-visual users. Accessible design isn\u2019t just compliance\u2014it\u2019s universal usability.<\/span><\/p>\n

[\/et_pb_accordion_item][et_pb_accordion_item title=”Accordion 2″ open=”off” _builder_version=”4.27.4″ _module_preset=”default” global_colors_info=”{}”]<\/p>\n

Web accessibility in WordPress lorem ipsum dolor sit amet,\u00a0<\/span>Accessibility Checker<\/a>\u00a0ensuring themes and plugins meet WCAG 2.2 AA standards for inclusive design. Assistive technologies, such as screen readers, rely on semantic HTML elements and proper ARIA roles to interpret content accurately. In WordPress, developers should use\u00a0<\/span>add_theme_support( 'html5' )<\/code>\u00a0and avoid using non-descriptive links like \u201cclick here.\u201d Color contrast and focus states must be clear to support keyboard navigation. Vestibulum alt text for images improves accessibility in media libraries, while accessible forms require properly associated labels. Inclusivity is not optional\u2014WordPress empowers creators to build a web for everyone.<\/span><\/p>\n

[\/et_pb_accordion_item][et_pb_accordion_item title=”Accordion 3″ _builder_version=”4.27.4″ _module_preset=”default” global_colors_info=”{}” open=”off”]<\/p>\n

Web accessibility lorem ipsum for WordPress sites emphasizes building experiences that work for everyone, including users with disabilities. Using accessible themes and properly coded plugins helps ensure compatibility with screen readers and keyboard-only navigation. Developers should follow best practices like using headings in a logical order, providing meaningful link text, and avoiding reliance on color alone. In WordPress, accessibility-ready themes include features like skip links and proper form labeling. Aria-hidden elements should be used carefully to avoid hiding important content. Inclusive design is not just a checkbox\u2014it\u2019s a commitment to digital equality.\u00a0<\/span>WordPress Accessibility Meetup<\/a><\/p>\n

[\/et_pb_accordion_item][\/et_pb_accordion][\/et_pb_column][\/et_pb_row][et_pb_row _builder_version=”4.27.4″ _module_preset=”default” global_colors_info=”{}”][et_pb_column type=”4_4″ _builder_version=”4.27.4″ _module_preset=”default” global_colors_info=”{}”][et_pb_heading title=”Carousel\/Slider” _builder_version=”4.27.4″ _module_preset=”default” title_level=”h2″ global_colors_info=”{}”][\/et_pb_heading][\/et_pb_column][\/et_pb_row][et_pb_row _builder_version=”4.27.4″ _module_preset=”default” global_colors_info=”{}”][et_pb_column type=”4_4″ _builder_version=”4.27.4″ _module_preset=”default” global_colors_info=”{}”][et_pb_slider _builder_version=”4.27.4″ _module_preset=”default” hover_enabled=”0″ global_colors_info=”{}” auto=”on” sticky_enabled=”0″][et_pb_slide heading=”Slide 1″ button_text=”Equalize Digital” _builder_version=”4.27.4″ _module_preset=”default” hover_enabled=”0″ global_colors_info=”{}” sticky_transition=”on” alt=”Looking down at apple and berry pies with flowers on a table.” title_text=”pexels-asya-vlasova-228168-3065590″ background_image=”https:\/\/pagebuilders.equalizedigital.com\/divi\/wp-content\/uploads\/sites\/7\/2025\/06\/pexels-asya-vlasova-228168-3065590.jpg” background_enable_image=”on” background_blend=”overlay” background_color=”rgba(0,0,0,0.38)” background_enable_color=”on” header_level=”h3″ button_link=”https:\/\/equalizedigital.com” sticky_enabled=”0″]<\/p>\n

Accessible screen reader label lorem WordPress focus tab keyboard skip-link robust plugin.<\/p>\n

[\/et_pb_slide][et_pb_slide heading=”Slide 2″ button_text=”Accessibility Checker” _builder_version=”4.27.4″ _module_preset=”default” hover_enabled=”0″ global_colors_info=”{}” sticky_transition=”on” alt=”Four different types of bread.” title_text=”pexels-mariana-kurnyk-844465-1775053″ background_image=”https:\/\/pagebuilders.equalizedigital.com\/divi\/wp-content\/uploads\/sites\/7\/2025\/06\/pexels-mariana-kurnyk-844465-1775053.jpg” background_enable_image=”on” background_blend=”overlay” background_color=”rgba(0,0,0,0.38)” background_enable_color=”on” header_level=”h3″ button_link=”https:\/\/equalizedigital.com” sticky_enabled=”0″]<\/p>\n

Accessible screen reader label lorem WordPress focus tab keyboard skip-link robust plugin. ARIA role widget operable ipsum navigation compliance theme perceivable. Contrast alt-text guideline dolor form tabindex Gutenberg.<\/p>\n

[\/et_pb_slide][et_pb_slide heading=”Slide 3″ button_text=”Attend a Meetup” _builder_version=”4.27.4″ _module_preset=”default” hover_enabled=”0″ global_colors_info=”{}” sticky_transition=”on” alt=”Pink, yellow, and lavender macarons stacked.” title_text=”pexels-dima-valkov-1186343-3734027″ background_image=”https:\/\/pagebuilders.equalizedigital.com\/divi\/wp-content\/uploads\/sites\/7\/2025\/06\/pexels-dima-valkov-1186343-3734027.jpg” background_enable_image=”on” background_blend=”overlay” background_color=”rgba(0,0,0,0.38)” background_enable_color=”on” header_level=”h3″ button_link=”https:\/\/equalizedigital.com\/wordpress-accessibility-meetup\/” sticky_enabled=”0″]<\/p>\n

Accessible screen reader label lorem WordPress focus tab keyboard skip-link robust plugin.<\/p>\n

[\/et_pb_slide][\/et_pb_slider][et_pb_heading title=”Form” _builder_version=”4.27.4″ _module_preset=”default” title_level=”h2″ hover_enabled=”0″ global_colors_info=”{}” sticky_enabled=”0″][\/et_pb_heading][et_pb_text _builder_version=”4.27.4″ _module_preset=”default” hover_enabled=”0″ sticky_enabled=”0″]<\/p>\n

Note: this is a fake form. No emails will be sent.<\/p>\n

\n
\n
\n
\n
\n
\n
<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/form>\n<\/div>\n

[\/et_pb_text][\/et_pb_column][\/et_pb_row][et_pb_row _builder_version=”4.27.4″ _module_preset=”default”][et_pb_column _builder_version=”4.27.4″ _module_preset=”default” type=”4_4″][et_pb_contact_form _builder_version=”4.27.4″ _module_preset=”default” _unique_id=”b42185b9-786f-44a0-9a98-302449dd5e3a” title=”Contact Us” success_message=”Your message has been received.” email=”amber@equalizedigital.com” title_level=”h3″ hover_enabled=”0″ sticky_enabled=”0″][et_pb_contact_field field_id=”Name” field_title=”Name” _builder_version=”4.27.4″ hover_enabled=”0″ global_colors_info=”{}” button_text_size__hover_enabled=”off” button_one_text_size__hover_enabled=”off” button_two_text_size__hover_enabled=”off” button_text_color__hover_enabled=”off” button_one_text_color__hover_enabled=”off” button_two_text_color__hover_enabled=”off” button_border_width__hover_enabled=”off” button_one_border_width__hover_enabled=”off” button_two_border_width__hover_enabled=”off” button_border_color__hover_enabled=”off” button_one_border_color__hover_enabled=”off” button_two_border_color__hover_enabled=”off” button_border_radius__hover_enabled=”off” button_one_border_radius__hover_enabled=”off” button_two_border_radius__hover_enabled=”off” button_letter_spacing__hover_enabled=”off” button_one_letter_spacing__hover_enabled=”off” button_two_letter_spacing__hover_enabled=”off” button_bg_color__hover_enabled=”off” button_one_bg_color__hover_enabled=”off” button_two_bg_color__hover_enabled=”off” sticky_enabled=”0″][\/et_pb_contact_field][et_pb_contact_field _builder_version=”4.27.4″ _module_preset=”default” field_title=”Company” required_mark=”off” hover_enabled=”0″ sticky_enabled=”0″ field_id=”company”][\/et_pb_contact_field][et_pb_contact_field field_id=”Email” field_title=”Email Address” field_type=”email” _builder_version=”4.27.4″ hover_enabled=”0″ global_colors_info=”{}” button_text_size__hover_enabled=”off” button_one_text_size__hover_enabled=”off” button_two_text_size__hover_enabled=”off” button_text_color__hover_enabled=”off” button_one_text_color__hover_enabled=”off” button_two_text_color__hover_enabled=”off” button_border_width__hover_enabled=”off” button_one_border_width__hover_enabled=”off” button_two_border_width__hover_enabled=”off” button_border_color__hover_enabled=”off” button_one_border_color__hover_enabled=”off” button_two_border_color__hover_enabled=”off” button_border_radius__hover_enabled=”off” button_one_border_radius__hover_enabled=”off” button_two_border_radius__hover_enabled=”off” button_letter_spacing__hover_enabled=”off” button_one_letter_spacing__hover_enabled=”off” button_two_letter_spacing__hover_enabled=”off” button_bg_color__hover_enabled=”off” button_one_bg_color__hover_enabled=”off” button_two_bg_color__hover_enabled=”off” sticky_enabled=”0″][\/et_pb_contact_field][et_pb_contact_field _builder_version=”4.27.4″ _module_preset=”default” field_id=”phone” field_title=”Phone number” required_mark=”off” hover_enabled=”0″ sticky_enabled=”0″][\/et_pb_contact_field][et_pb_contact_field fullwidth_field=”on” _builder_version=”4.27.4″ _module_preset=”default” field_type=”select” select_options=”%91{%22value%22:%22chocolate%22,%22checked%22:0,%22dragID%22:-1},{%22value%22:%22vanilla%22,%22checked%22:0,%22dragID%22:0},{%22value%22:%22carrot%22,%22checked%22:0,%22dragID%22:1}%93″ field_title=”What\u2019s your favorite cake flavor?” field_id=”cake-flavor” required_mark=”off” hover_enabled=”0″ sticky_enabled=”0″][\/et_pb_contact_field][et_pb_contact_field fullwidth_field=”on” _builder_version=”4.27.4″ _module_preset=”default” field_title=”Which ways should we contact you?” field_id=”contact-methods” field_type=”checkbox” checkbox_options=”%91{%22value%22:%22Email%22,%22checked%22:0,%22dragID%22:-1},{%22value%22:%22Phone%22,%22checked%22:0,%22dragID%22:0},{%22value%22:%22Text%22,%22checked%22:0,%22dragID%22:1}%93″ hover_enabled=”0″ sticky_enabled=”0″][\/et_pb_contact_field][et_pb_contact_field field_id=”Message” field_title=”Message” field_type=”text” fullwidth_field=”on” _builder_version=”4.16″ global_colors_info=”{}” button_text_size__hover_enabled=”off” button_one_text_size__hover_enabled=”off” button_two_text_size__hover_enabled=”off” button_text_color__hover_enabled=”off” button_one_text_color__hover_enabled=”off” button_two_text_color__hover_enabled=”off” button_border_width__hover_enabled=”off” button_one_border_width__hover_enabled=”off” button_two_border_width__hover_enabled=”off” button_border_color__hover_enabled=”off” button_one_border_color__hover_enabled=”off” button_two_border_color__hover_enabled=”off” button_border_radius__hover_enabled=”off” button_one_border_radius__hover_enabled=”off” button_two_border_radius__hover_enabled=”off” button_letter_spacing__hover_enabled=”off” button_one_letter_spacing__hover_enabled=”off” button_two_letter_spacing__hover_enabled=”off” button_bg_color__hover_enabled=”off” button_one_bg_color__hover_enabled=”off” button_two_bg_color__hover_enabled=”off”][\/et_pb_contact_field][et_pb_contact_field fullwidth_field=”on” _builder_version=”4.27.4″ _module_preset=”default” field_title=”Is this an urgent request?” field_id=”urgent-yn” field_type=”radio” radio_options=”%91{%22value%22:%22Yes%22,%22checked%22:0,%22dragID%22:-1},{%22value%22:%22No%22,%22checked%22:0,%22dragID%22:0}%93″ hover_enabled=”0″ sticky_enabled=”0″][\/et_pb_contact_field][\/et_pb_contact_form][\/et_pb_column][\/et_pb_row][et_pb_row _builder_version=”4.27.4″ _module_preset=”default”][et_pb_column _builder_version=”4.27.4″ _module_preset=”default” type=”4_4″][et_pb_heading title=”Loop\/Posts Block” _builder_version=”4.27.4″ _module_preset=”default” title_level=”h2″ hover_enabled=”0″ global_colors_info=”{}” sticky_enabled=”0″][\/et_pb_heading][et_pb_blog _builder_version=”4.27.4″ _module_preset=”default” posts_number=”3″ show_more=”on” show_pagination=”off” fullwidth=”off” header_level=”h3″ hover_enabled=”0″ sticky_enabled=”0″][\/et_pb_blog][\/et_pb_column][\/et_pb_row][et_pb_row _builder_version=”4.27.4″ _module_preset=”default”][et_pb_column _builder_version=”4.27.4″ _module_preset=”default” type=”4_4″][et_pb_heading title=”Tabs” _builder_version=”4.27.4″ _module_preset=”default” title_level=”h2″ hover_enabled=”0″ global_colors_info=”{}” sticky_enabled=”0″][\/et_pb_heading][et_pb_tabs _builder_version=”4.27.4″ _module_preset=”default” hover_enabled=”0″ sticky_enabled=”0″][et_pb_tab title=”Tab 1″ _builder_version=”4.27.4″ _module_preset=”default” hover_enabled=”0″ sticky_enabled=”0″]<\/p>\n

Equalize Digital<\/a>\u00a0Accessible screen reader label lorem WordPress focus tab keyboard skip-link robust plugin. ARIA role widget operable ipsum navigation compliance theme perceivable. Contrast alt-text guideline dolor form tabindex Gutenberg. Heading landmark echo echo aria-describedby alt WCAG skipnav. Plugin readability div element nvda compatibility lorem. Block-level anchor verbosity operable semantic tooltips php hook aria-live. Toggle tabindex ut contrast bypass h1 contenteditable. Label WCAG landmark dolor heading role author theme.json. Button input aria-label site map nvda lorem focusable baseline redundant tooltip.<\/span><\/p>\n

[\/et_pb_tab][et_pb_tab title=”Tab 2″ _builder_version=”4.27.4″ _module_preset=”default” hover_enabled=”0″ sticky_enabled=”0″]<\/p>\n

Semantic heading\u00a0<\/span>Accessibility Checker<\/a>\u00a0alt role skip-link Gutenberg focusable widget theme.json aria-hidden. Operable lorem aria-live input NVDA bypass region plugin shortcode tooltip. Contrast echo blockquote nav compliance toggle tabindex span robustness perceivable. Label form dolor sit landmark div link color indicator VO screen reader. Carousel verbosity click event aria-labelledby redundant aria-describedby table landmark Gutenberg block. Skip-link WP dashboard alt text compatibility lorem dropdown NVDA role keyboard test case.<\/span><\/p>\n

[\/et_pb_tab][et_pb_tab title=”Tab 3″ _builder_version=”4.27.4″ _module_preset=”default” hover_enabled=”0″ sticky_enabled=”0″]<\/p>\n

WordPress Accessibility Meetup<\/a>\u00a0nav aria-pressed lorem compliance tabindex role button NVDA tooltips alt toggle. Semantic echo bypass Gutenberg json list-item role menu label carousel plugin. Anchor readability VO dropdown echo tooltip accessibility-ready operable skipnav WCAG focus. Block echo block-level alt echo echo link focus echo echo echo echo.<\/span><\/p>\n

[\/et_pb_tab][\/et_pb_tabs][et_pb_heading title=”Testimonials” _builder_version=”4.27.4″ _module_preset=”default” title_level=”h2″ hover_enabled=”0″ global_colors_info=”{}” sticky_enabled=”0″][\/et_pb_heading][et_pb_testimonial author=”Jane D.” portrait_url=”https:\/\/pagebuilders.equalizedigital.com\/divi\/wp-content\/uploads\/sites\/7\/2025\/07\/pexels-divinetechygirl-1181519.jpg” _builder_version=”4.27.4″ _module_preset=”default” job_title=”CEO” company_name=”Mega Corp, LLC” alt=”Jane’s headshot” title_text=”pexels-divinetechygirl-1181519″ hover_enabled=”0″ sticky_enabled=”0″]<\/p>\n

The quiche was a lifesaver on a busy weeknight\u2014flaky, flavorful, and absolutely delicious. I love knowing I can bring home something that tastes homemade without spending hours in the kitchen.<\/span><\/p>\n

[\/et_pb_testimonial][\/et_pb_column][\/et_pb_row][et_pb_row _builder_version=”4.27.4″ _module_preset=”default”][et_pb_column _builder_version=”4.27.4″ _module_preset=”default” type=”4_4″][et_pb_text _builder_version=”4.27.4″ _module_preset=”default” hover_enabled=”0″ sticky_enabled=”0″]<\/p>\n

Screen reader text support<\/h2>\n

If no text outputs here beneath the headings, that means that the theme has added that class for screen reader text. If text is visible, the theme does not support the class. Only one is sufficient for a \u201cpass\u201d \u2014 they do not both have to be supported.<\/p>\n

.screen-reader-text<\/h3>\n

This text is wrapped in the .screen-reader-text class.<\/p>\n

.sr-only<\/h3>\n

This text is wrapped in the .sr-only class.<\/p>\n

[\/et_pb_text][\/et_pb_column][\/et_pb_row][\/et_pb_section]<\/p>\n","protected":false},"excerpt":{"rendered":"

Equalize Digital\u00a0Web accessibility lorem ipsum dolor sit amet, inclusive design ensures equitable access to digital content by users of all abilities. WCAG guidelines provide a robust framework for perceivable, operable, understandable, and robust interfaces. Screen reader compatibility, semantic HTML, and sufficient color contrast are essential components. Vestibulum aria-labels turpis at ex facilisis, enabling assistive technologies […]<\/p>\n","protected":false},"author":3,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_et_pb_use_builder":"on","_et_pb_old_content":"","_et_gb_content_width":"1080","footnotes":""},"class_list":["post-47","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/pagebuilders.equalizedigital.com\/divi\/wp-json\/wp\/v2\/pages\/47","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/pagebuilders.equalizedigital.com\/divi\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/pagebuilders.equalizedigital.com\/divi\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/pagebuilders.equalizedigital.com\/divi\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/pagebuilders.equalizedigital.com\/divi\/wp-json\/wp\/v2\/comments?post=47"}],"version-history":[{"count":0,"href":"https:\/\/pagebuilders.equalizedigital.com\/divi\/wp-json\/wp\/v2\/pages\/47\/revisions"}],"wp:attachment":[{"href":"https:\/\/pagebuilders.equalizedigital.com\/divi\/wp-json\/wp\/v2\/media?parent=47"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}