Accessibility Conformance Report
Based on VPAT® Version 2.4
Product: Marka Email Generator (Figma Plugin) Version: Latest Report Date: May 2026 Description: Marka Email Generator is a Figma plugin that enables designers to build and export HTML emails directly to email service providers including Klaviyo, Mailchimp, and HubSpot. The plugin UI runs within Figma’s plugin panel environment.
Scope
This report covers the Marka Email Generator plugin UI, including its main panel, modals, tooltips, form inputs, and error states. It does not cover the Figma application itself, which has its own accessibility documentation published by Figma, Inc.
Applicable Standards
This report addresses conformance with the following standards:
- WCAG 2.1 Level A and Level AA (Web Content Accessibility Guidelines)
- Section 508 of the Rehabilitation Act (US)
WCAG 2.1 Conformance
Principle 1 – Perceivable
| Criteria | Conformance Level | Remarks |
|---|---|---|
| 1.1.1 Non-text Content (A) | Supports | Interactive controls include accessible labels. Icon-only buttons include descriptive title attributes. |
| 1.2.x Time-based Media (A/AA) | Not Applicable | No audio or video content. |
| 1.3.1 Info and Relationships (A) | Supports | Form inputs are associated with labels. Error messages are associated with their respective fields via ARIA attributes. |
| 1.3.2 Meaningful Sequence (A) | Supports | Content is structured in a logical reading order. |
| 1.3.3 Sensory Characteristics (A) | Supports | Instructions do not rely solely on shape, color, or position. |
| 1.3.4 Orientation (AA) | Not Applicable | Plugin panel does not reorient based on device orientation. |
| 1.3.5 Identify Input Purpose (AA) | Supports | Standard input fields (email, text) use appropriate type attributes. |
| 1.4.1 Use of Color (A) | Supports | Color is not used as the sole means of conveying information. Error states include both color change and descriptive text. |
| 1.4.2 Audio Control (A) | Not Applicable | No audio content. |
| 1.4.3 Contrast (Minimum) (AA) | Supports | The plugin uses Figma’s injected CSS color variables, which are designed to meet contrast requirements across Figma’s light and dark themes. |
| 1.4.4 Resize Text (AA) | Partially Supports | Text scales with Figma’s UI zoom. Some tooltip content may not scale at all zoom levels. |
| 1.4.5 Images of Text (AA) | Supports | No images of text are used. |
| 1.4.10 Reflow (AA) | Partially Supports | The plugin panel has a fixed minimum width as required by Figma’s plugin architecture. Content reflow within that width is supported. |
| 1.4.11 Non-text Contrast (AA) | Supports | UI components use Figma CSS variables with sufficient contrast for component boundaries and focus indicators. |
| 1.4.12 Text Spacing (AA) | Supports | No CSS overrides prevent user-defined text spacing adjustments. |
| 1.4.13 Content on Hover or Focus (AA) | Partially Supports | Tooltips appear on hover and are dismissable. Tooltip content persists while hovered. Some tooltips may not persist long enough for slow readers. |
Principle 2 – Operable
| Criteria | Conformance Level | Remarks |
|---|---|---|
| 2.1.1 Keyboard (A) | Supports | All interactive elements are keyboard accessible. Modals trap focus appropriately while open. |
| 2.1.2 No Keyboard Trap (A) | Supports | Focus is released from modals upon close. No keyboard traps present. |
| 2.1.4 Character Key Shortcuts (A) | Not Applicable | No single-character keyboard shortcuts are implemented. |
| 2.2.x Timing (A/AA) | Not Applicable | No time-limited sessions or auto-updating content. |
| 2.3.x Seizures (A/AAA) | Supports | No flashing content. Modal and tooltip animations are subtle fades and do not exceed flash thresholds. |
| 2.4.1 Bypass Blocks (A) | Not Applicable | Plugin panel is a single-page UI without repeated navigation blocks. |
| 2.4.2 Page Titled (A) | Supports | The plugin is clearly labeled “Marka Email Generator” in the Figma plugin panel header. |
| 2.4.3 Focus Order (A) | Supports | Focus order follows a logical top-to-bottom, left-to-right sequence. Modal focus is managed on open and close. |
| 2.4.4 Link Purpose (A) | Supports | All links and buttons have descriptive labels. |
| 2.4.6 Headings and Labels (AA) | Supports | Sections use appropriate heading hierarchy. Form labels are descriptive. |
| 2.4.7 Focus Visible (AA) | Supports | Focus indicators are visible using Figma’s native focus ring styles. |
| 2.5.1 Pointer Gestures (A) | Not Applicable | No multi-point or path-based gestures. |
| 2.5.2 Pointer Cancellation (A) | Supports | Actions are triggered on mouseup/click, not mousedown. |
| 2.5.3 Label in Name (A) | Supports | Accessible names match or include the visible label text. |
| 2.5.4 Motion Actuation (A) | Not Applicable | No motion-based interaction. |
Principle 3 – Understandable
| Criteria | Conformance Level | Remarks |
|---|---|---|
| 3.1.1 Language of Page (A) | Supports | Plugin UI language is English. |
| 3.1.2 Language of Parts (AA) | Not Applicable | No multi-language content within the plugin. |
| 3.2.1 On Focus (A) | Supports | No context changes occur on focus alone. |
| 3.2.2 On Input (A) | Supports | No unexpected context changes occur on input. |
| 3.2.3 Consistent Navigation (AA) | Supports | Navigation and UI patterns are consistent across plugin views. |
| 3.2.4 Consistent Identification (AA) | Supports | Components with the same function are identified consistently. |
| 3.3.1 Error Identification (A) | Supports | Input errors are identified with descriptive text messages adjacent to the affected field. |
| 3.3.2 Labels or Instructions (A) | Supports | All form fields include visible labels and placeholder guidance where appropriate. |
| 3.3.3 Error Suggestion (AA) | Supports | Error messages describe the issue and suggest corrective action where applicable. |
| 3.3.4 Error Prevention (AA) | Partially Supports | Destructive actions (e.g., removing configurations) prompt for confirmation. Not all irreversible actions include a review step. |
Principle 4 – Robust
| Criteria | Conformance Level | Remarks |
|---|---|---|
| 4.1.1 Parsing (A) | Supports | Plugin UI is rendered within Figma’s webview environment. HTML output is generated for email clients, not for assistive technologies. |
| 4.1.2 Name, Role, Value (A) | Supports | Interactive UI components include appropriate ARIA roles, labels, and states. Custom controls communicate state changes. |
| 4.1.3 Status Messages (AA) | Partially Supports | Some status messages (e.g., export success, connection status) are displayed visually. Not all status messages are announced via ARIA live regions. |
Section 508 Conformance
The Section 508 standards largely reference WCAG 2.0 Level A and AA criteria. Conformance levels are consistent with the WCAG 2.1 table above. The plugin does not include hardware, documentation provided as closed captions, or two-way voice communication, so those criteria are not applicable.
Notes
- The plugin operates within Figma’s plugin sandbox (a webview). Accessibility of the Figma shell, canvas, and surrounding application is the responsibility of Figma, Inc.
- This report is a voluntary self-assessment and has not been independently audited.
Conformance Level Key
| Level | Definition |
|---|---|
| Supports | The functionality of the product meets the criterion without exception. |
| Partially Supports | Some functionality of the product does not meet the criterion. |
| Does Not Support | The majority of product functionality does not meet the criterion. |
| Not Applicable | The criterion is not relevant to this product. |
| Not Evaluated | The product has not been evaluated against this criterion. |
Last updated on