laipeng/reflex
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

rx.logo: make it accessible to screen readers

Browse Source 
Add role="img" aria_label="Reflex" and title="Reflex".
This commit is contained in:
Masen Furer 2025-01-24 17:10:32 -08:00
parent c64ed43215
commit c6d874ae99
No known key found for this signature in database
GPG Key ID: B0008AD22B3B3A95
1 changed files with 11 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

15
reflex/components/datadisplay/logo.py
View File

@ -5,11 +5,15 @@ from typing import Union
import reflex as rx import reflex as rx
def svg_logo(color: Union[str, rx.Var[str]] = rx.color_mode_cond("#110F1F", "white")): def svg_logo(
color: Union[str, rx.Var[str]] = rx.color_mode_cond("#110F1F", "white"),
**props,
):
"""A Reflex logo SVG. """A Reflex logo SVG.
Args: Args:
color: The color of the logo. color: The color of the logo.
props: Extra props to pass to the svg component.
Returns: Returns:
The Reflex logo SVG. The Reflex logo SVG.
@ -31,11 +35,14 @@ def svg_logo(color: Union[str, rx.Var[str]] = rx.color_mode_cond("#110F1F", "whi
return rx.el.svg( return rx.el.svg(
*[logo_path(d) for d in paths], *[logo_path(d) for d in paths],
width="56", rx.el.title("Reflex"),
height="12", aria_label="Reflex",
viewBox="0 0 56 12", role="img",
width=props.pop("width", "56"),
height=props.pop("height", "12"),
fill=color, fill=color,
xmlns="http://www.w3.org/2000/svg", xmlns="http://www.w3.org/2000/svg",
**props,
) )