Axcess — Design Accessibility Evaluation
Was dieses MCP kann
Evaluates UI designs and typography for accessibility issues, including touch targets, contrast, focus indicators, and readability.
Tools
Eingabeschema
{'type': 'object', '$schema': 'http://json-schema.org/draft-07/schema#', 'required': ['elements'], 'properties': {'elements': {'type': 'array', 'items': {'type': 'object', 'required': ['element_type'], 'properties': {'state': {'enum': ['default', 'hover', 'focus', 'active', 'disabled', 'error', 'success'], 'type': 'string', 'description': 'Interaction state being evaluated'}, 'context': {'type': 'string', 'description': 'Brief description of the element\'s role (e.g. "primary CTA", "error state badge")'}, 'width_px': {'type': 'number', 'description': 'Rendered width of the element in px', 'exclusiveMinimum': 0}, 'color_hex': {'type': 'string', 'pattern': '^#([0-9a-fA-F]{3}|[0-9a-fA-F]{6})$', 'description': 'Primary element color as hex'}, 'height_px': {'type': 'number', 'description': 'Rendered height of the element in px', 'exclusiveMinimum': 0}, 'element_id': {'type': 'string', 'description': 'Optional ID for tracking (e.g. Figma node ID)'}, 'element_type': {'enum': ['button', 'link', 'input', 'checkbox', 'radio', 'select', 'icon', 'badge', 'alert', 'text', 'image', 'navigation', 'heading'], 'type': 'string', 'description': 'Semantic role of the UI element'}, 'focus_visible': {'type': 'boolean', 'description': 'True if a visible focus indicator is shown in the focused state'}, 'has_icon_label': {'type': 'boolean', 'description': 'True if the element has a supplementary icon'}, 'has_text_label': {'type': 'boolean', 'description': 'True if the element has a visible text label'}, 'is_interactive': {'type': 'boolean', 'description': 'True if users can click, tap, or keyboard-navigate this element'}, 'uses_color_only': {'type': 'boolean', 'description': 'True if color is the only way this element communicates state or meaning'}, 'background_color_hex': {'type': 'string', 'pattern': '^#([0-9a-fA-F]{3}|[0-9a-fA-F]{6})$', 'description': 'Background color behind the element as hex'}, 'has_pattern_or_shape': {'type': 'boolean', 'description': 'True if the element uses shape or pattern as a secondary indicator'}, 'focus_indicator_width_px': {'type': 'number', 'description': 'Stroke width of the focus outline in px', 'exclusiveMinimum': 0}, 'focus_indicator_color_hex': {'type': 'string', 'pattern': '^#([0-9a-fA-F]{3}|[0-9a-fA-F]{6})$', 'description': 'Color of the focus ring/outline as hex'}, 'focus_indicator_background_color_hex': {'type': 'string', 'pattern': '^#([0-9a-fA-F]{3}|[0-9a-fA-F]{6})$', 'description': 'Background color immediately behind the focus indicator as hex'}}, 'additionalProperties': False}, 'maxItems': 50, 'minItems': 1, 'description': 'Array of UI elements to evaluate'}, 'screen_name': {'type': 'string', 'description': 'Name of the screen or component being evaluated'}}, 'additionalProperties': False}
Eingabeschema
{'type': 'object', '$schema': 'http://json-schema.org/draft-07/schema#', 'required': ['elements'], 'properties': {'elements': {'type': 'array', 'items': {'type': 'object', 'required': ['element_type', 'font_size', 'font_weight', 'line_height', 'color_hex', 'background_color_hex'], 'properties': {'context': {'type': 'string', 'description': 'Brief description of role in design (e.g. "hero heading", "footer legal copy")'}, 'color_hex': {'type': 'string', 'pattern': '^#([0-9a-fA-F]{3}|[0-9a-fA-F]{6})$', 'description': 'Text color as hex (e.g. #1a1a1a)'}, 'font_size': {'type': 'number', 'description': 'Font size in px', 'exclusiveMinimum': 0}, 'element_id': {'type': 'string', 'description': 'Optional ID for tracking (e.g. Figma node ID)'}, 'font_style': {'enum': ['normal', 'italic'], 'type': 'string', 'description': 'CSS font-style'}, 'font_weight': {'type': 'integer', 'maximum': 900, 'minimum': 100, 'description': 'Font weight (100=thin, 400=regular, 700=bold, 900=black)'}, 'line_height': {'type': 'number', 'description': 'Line height as a multiplier (e.g. 1.5, not px)', 'exclusiveMinimum': 0}, 'element_type': {'enum': ['heading', 'body', 'caption', 'label', 'button', 'display', 'ui'], 'type': 'string', 'description': 'Semantic role of the text element'}, 'heading_level': {'type': 'integer', 'maximum': 6, 'minimum': 1, 'description': 'Heading level if element_type is heading (1–6)'}, 'content_length': {'type': 'integer', 'minimum': 0, 'description': 'Character count of the actual text content'}, 'letter_spacing': {'type': 'number', 'description': 'Letter spacing in em (e.g. -0.02 for tight, 0.05 for loose)'}, 'text_transform': {'enum': ['none', 'uppercase', 'lowercase', 'capitalize'], 'type': 'string', 'description': 'CSS text-transform value'}, 'background_type': {'enum': ['solid', 'gradient', 'image', 'pattern'], 'type': 'string', 'description': 'Background type — non-solid backgrounds require special handling'}, 'background_color_hex': {'type': 'string', 'pattern': '^#([0-9a-fA-F]{3}|[0-9a-fA-F]{6})$', 'description': 'Background color as hex (e.g. #ffffff)'}}, 'additionalProperties': False}, 'maxItems': 50, 'minItems': 1, 'description': 'Array of typography elements to evaluate'}, 'screen_name': {'type': 'string', 'description': 'Name of the screen or component being evaluated'}}, 'additionalProperties': False}
Eingabeschema
{'type': 'object', '$schema': 'http://json-schema.org/draft-07/schema#', 'properties': {}, 'additionalProperties': False}
Letzte Tool-Änderungen
Ähnliche MCP-Server
GripForge
Generates, rigs, animates, analyzes, and packages game characters, weapons, armor, effects, environments, and engine-ready assets.
MiOffice — AI-Powered Workspace Studio
Provides browser-based tools for processing PDFs, images, video, and audio, including generation, enhancement, conversion, transc…
BlitzReels Video Editor
Creates and edits short-form videos, including timelines, captions, transitions, AI-generated visuals, music, voiceovers, sound e…
Morpha
Enables creating, animating, and exporting layered short-form video projects.
Colour Memory
Provides historical color archive research, color analysis, accessibility checks, cultural context, and brand palette and asset g…
spriteship
Generates and manages 2D game characters, assets, animations, tilesets, UI packs, maps, and engine-ready exports for multiple gam…
switch
Enables management and exploration of an account-scoped library of AI-generated images and videos.
immobilier
Creates, validates, analyzes, and exports French building and property designs as DXF, IFC, BCF, PDFs, visualizations, quantities…