cmonteverde · cmonteverde · Feb 3, 2026
diff --git a/.Jules/palette.md b/.Jules/palette.md
@@ -3,3 +3,7 @@
 ## 2025-05-20 - [Accessible Streamlit Inputs]
 **Learning:** Streamlit `text_input` fields with empty strings for labels (`""`) are inaccessible to screen readers as they lack a programmatic label.
 **Action:** Use `label_visibility="collapsed"` with a descriptive label string instead of an empty label to maintain visual design while ensuring accessibility.
+
+## 2025-05-21 - [Accessible HTML Images]
+**Learning:** Images injected via raw HTML (`st.markdown`) often lack `alt` attributes, defaulting to inaccessibility.
+**Action:** Always include `alt` attributes in `<img>` tags within HTML blocks. Use `alt=""` for decorative images and descriptive text for informative ones.
diff --git a/.gitignore b/.gitignore
@@ -0,0 +1,5 @@
+__pycache__/
+*.pyc
+*.log
+.venv/
+streamlit.log
diff --git a/__pycache__/animated_earth.cpython-312.pyc b/__pycache__/animated_earth.cpython-312.pyc
diff --git a/__pycache__/climate_algorithms.cpython-312.pyc b/__pycache__/climate_algorithms.cpython-312.pyc
diff --git a/__pycache__/climate_resilience.cpython-312.pyc b/__pycache__/climate_resilience.cpython-312.pyc
diff --git a/__pycache__/embedded_earth_nullschool.cpython-312.pyc b/__pycache__/embedded_earth_nullschool.cpython-312.pyc
diff --git a/__pycache__/embedded_felt_map.cpython-312.pyc b/__pycache__/embedded_felt_map.cpython-312.pyc
diff --git a/__pycache__/felt_inspired_maps.cpython-312.pyc b/__pycache__/felt_inspired_maps.cpython-312.pyc
diff --git a/__pycache__/felt_map_demo.cpython-312.pyc b/__pycache__/felt_map_demo.cpython-312.pyc
diff --git a/__pycache__/globe_map.cpython-312.pyc b/__pycache__/globe_map.cpython-312.pyc
diff --git a/__pycache__/interactive_contour_map.cpython-312.pyc b/__pycache__/interactive_contour_map.cpython-312.pyc
diff --git a/__pycache__/load_docs.cpython-312.pyc b/__pycache__/load_docs.cpython-312.pyc
diff --git a/__pycache__/nasa_data.cpython-312.pyc b/__pycache__/nasa_data.cpython-312.pyc
diff --git a/__pycache__/nasa_ee_elevation.cpython-312.pyc b/__pycache__/nasa_ee_elevation.cpython-312.pyc
diff --git a/__pycache__/noaa_nws.cpython-312.pyc b/__pycache__/noaa_nws.cpython-312.pyc
diff --git a/__pycache__/openai_helper.cpython-312.pyc b/__pycache__/openai_helper.cpython-312.pyc
diff --git a/__pycache__/satellite_homepage.cpython-312.pyc b/__pycache__/satellite_homepage.cpython-312.pyc
diff --git a/__pycache__/simple_artistic_map_demo.cpython-312.pyc b/__pycache__/simple_artistic_map_demo.cpython-312.pyc
diff --git a/__pycache__/simple_artistic_maps.cpython-312.pyc b/__pycache__/simple_artistic_maps.cpython-312.pyc
diff --git a/__pycache__/srtm_elevation.cpython-312.pyc b/__pycache__/srtm_elevation.cpython-312.pyc
diff --git a/__pycache__/test_api_status.cpython-312.pyc b/__pycache__/test_api_status.cpython-312.pyc
diff --git a/app.py b/app.py
@@ -287,7 +287,7 @@
 # Add topography decoration 
 st.markdown("""
 <div style="position: absolute; top: 0; right: 0; width: 45%; min-width: 400px; height: 300px; z-index: 1; overflow: visible; pointer-events: none;">
-    <img src="data:image/png;base64,{topo_base64}" style="width: 100%; height: 100%; object-fit: cover; object-position: top right;">
+    <img src="data:image/png;base64,{topo_base64}" alt="" style="width: 100%; height: 100%; object-fit: cover; object-position: top right;">
 </div>
 """.format(topo_base64=b64encode(open("assets/topography.png", "rb").read()).decode()), unsafe_allow_html=True)
 
@@ -559,7 +559,7 @@
 st.markdown(f"""
 <div style="display: flex; justify-content: center; align-items: center; margin: 0 auto; width: 100%;">
     <div style="display: flex; align-items: center; justify-content: center;">
-        <img src="data:image/png;base64,{avatar_base64}" width="150" 
+        <img src="data:image/png;base64,{avatar_base64}" alt="CeCe Avatar" width="150"
             style="border-radius: 50%; margin-right: 20px;">
         <span class="gradient-text" style="font-size: 32px; font-weight: bold; white-space: nowrap;">
             CECE: YOUR CLIMATE & WEATHER AGENT

diff --git a/satellite_homepage.py b/satellite_homepage.py
@@ -312,7 +312,7 @@ def create_satellite_homepage():
     # Build a mock screenshot of the main interface elements
     preview_logo = ""
     if logo_base64:
-        preview_logo = f'<img src="data:image/png;base64,{logo_base64}" width="60" style="border-radius: 50%; margin-right: 12px;">'
+        preview_logo = f'<img src="data:image/png;base64,{logo_base64}" alt="" width="60" style="border-radius: 50%; margin-right: 12px;">'
 
     st.markdown(f"""
     <div style="position: relative; max-width: 900px; margin: 0 auto 40px auto;">