Spaces:
Sleeping
Sleeping
| import streamlit as st | |
| import wcag_contrast_ratio as contrast | |
| import util | |
| def contrast_summary(label: str, foreground_rgb_hex: str, background_rgb_hex: str) -> None: | |
| rgb_foreground = util.parse_hex(foreground_rgb_hex) | |
| rgb_background = util.parse_hex(background_rgb_hex) | |
| contrast_ratio = contrast.rgb(rgb_foreground, rgb_background) | |
| contrast_ratio_str = f"{contrast_ratio:.2f}" | |
| st.metric(label, value=f"{contrast_ratio_str} : 1", label_visibility="collapsed") | |
| if contrast.passes_AAA(contrast_ratio): | |
| st.markdown(":white_check_mark: :white_check_mark: WCAG AAA") | |
| elif contrast.passes_AA(contrast_ratio): | |
| st.markdown(":white_check_mark: WCAG AA") | |
| else: | |
| st.markdown(":x: Fail WCAG") | |
| st.markdown(f'<p style="color: {foreground_rgb_hex}; background-color: {background_rgb_hex}; padding: 12px">Lorem ipsum</p>', unsafe_allow_html=True) | |
| def sample_components(key: str): | |
| st.header("Sample components") | |
| st.text_input("Text input", key=f"{key}:text_input") | |
| st.slider("Slider", min_value=0, max_value=100, key=f"{key}:slider") | |
| st.button("Button", key=f"{key}:button") | |
| st.checkbox("Checkbox", key=f"{key}:checkbox", value=True) | |
| st.radio("Radio", options=["Option 1", "Option 2"], key=f"{key}:radio") | |
| st.selectbox("Selectbox", options=["Option 1", "Option 2"], key=f"{key}:selectbox") | |