Merge pull request #13 from USFWS/emma-dev

Recommit changes in main

Author: eschillerstrom-usfws

docs/_jonah.qmd

@@ -434,7 +434,8 @@
 
 <section id="analysis" class="slide level2">
 <h2><span class="cursive">Analysis</span></h2>
-<p><img data-src="images/witch_analysis.png" class="absolute" style="top: 100px; right: 150px; height: 600px; "> <img data-src="images/workflow_analyze.png" class="absolute" style="top: 80px; left: 300px; height: 650px; "></p>
+<p><img data-src="images/witch_analysis.png" class="absolute" style="top: 100px; right: 150px; height: 600px; " alt="An AI generated image of a claymation witch sitting at a desk in the boreal forest writing code."></p>
+<p><img data-src="images/workflow_analyze.png" class="absolute" style="top: 80px; left: 300px; height: 650px; " alt="A diagram of the data workflow from Project setup to Preserve Products. The Analyze step is highlighted."></p>
 <aside class="notes">
 <ul>
 <li>Thanks Emma.</li>
@@ -508,7 +509,7 @@ <h3 class="center" id="steps">Steps</h3>
 </div><div class="column" style="width:50%;">
 <div class="quarto-figure quarto-figure-center">
 <figure>
-<p><img data-src="images/mark.png" class="shadow quarto-figure quarto-figure-center" style="width:100.0%"></p>
+<p><img data-src="images/mark.png" class="shadow quarto-figure quarto-figure-center" style="width:100.0%" alt="An image of a stack of Microft windows from Program MARK."></p>
 </figure>
 </div>
 </div></div>
@@ -638,7 +639,7 @@ <h2>Get Covariates</h2>
 <span id="cb1-7"><a href=""></a><span class="fu">get_nlcd</span>(tetlin, <span class="at">label =</span> <span class="st">"tetlin"</span>, <span class="at">year =</span> <span class="dv">2016</span>, <span class="at">landmass =</span> <span class="st">"AK"</span>)</span></code><button title="Copy to Clipboard" class="code-copy-button"><i class="bi"></i></button></pre></div>
 </div>
 <div class="fragment">
-<p><img data-src="images/nlcd.png" height="400"></p>
+<p><img data-src="images/nlcd.png" alt="A map show National Land Cover Data and the boundary of Tetlin Refuge." height="400"></p>
 </div>
 <aside class="notes">
 <ul>
@@ -710,9 +711,9 @@ <h2>Calculate Distances</h2>
 <h2></h2>
 <div class="columns">
 <div class="column" style="width:50%;">
-<p><img data-src="images/forest_distance.png"></p>
+<p><img data-src="images/forest_distance.png" alt="A map of Distance to Forest for Tetlin National Wildlife Refuge."></p>
 </div><div class="column" style="width:50%;">
-<p><img data-src="images/water_distance.png"></p>
+<p><img data-src="images/water_distance.png" alt="A map of Distance to Water in Tetlin National Wildlife Refuge."></p>
 </div></div>
 <aside class="notes">
 <ul>
@@ -850,7 +851,7 @@ <h2>Single-Season Occupancy Model</h2>
 </section>
 <section id="summarize-results" class="slide level2">
 <h2><span class="cursive">Summarize Results</span></h2>
-<p><img data-src="images/witch_summarize_results.png" class="absolute" style="top: 100px; right: 150px; height: 600px; "> <img data-src="images/workflow_summarize_results.png" class="absolute" style="top: 80px; left: 300px; height: 650px; "></p>
+<p><img data-src="images/witch_summarize_results.png" class="absolute" style="top: 100px; right: 150px; height: 600px; " alt="An AI generated image of a claymation witch sitting in front of a computer in the boreal forest. She has a thinking bubble over her head. In the bubble is a statistical plot."> <img data-src="images/workflow_summarize_results.png" class="absolute" style="top: 80px; left: 300px; height: 650px; " alt="A data workflow diagram, starting at Project Setup and ending with Preserve Products. The Summarize Results step is highlighted."></p>
 <aside class="notes">
 <p>As such, the next step in our workflow is to summarize our results.</p>
 <style type="text/css">
@@ -1459,7 +1460,7 @@ <h2>Precision of Estimates (SE)</h2>
 </section>
 <section id="report" class="slide level2">
 <h2><span class="cursive">Report</span></h2>
-<p><img data-src="images/witch_report.png" class="absolute" style="top: 100px; right: 150px; height: 600px; "> <img data-src="images/workflow_report.png" class="absolute" style="top: 80px; left: 300px; height: 650px; "></p>
+<p><img data-src="images/witch_report.png" class="absolute" style="top: 100px; right: 150px; height: 600px; " alt="An AI generated image of a claymation style witch handing a man a report. They are in the boreal forest. A lynx is in the background"> <img data-src="images/workflow_report.png" class="absolute" style="top: 80px; left: 300px; height: 650px; " alt="A data workflow diagram, starting with Project Setup and ending with Preserve Products. The Report step is highlighted."></p>
 <aside class="notes">
 <ul>
 <li>The next step in the workflow is Reporting.</li>
@@ -1530,7 +1531,7 @@ <h3 class="center" id="steps-2">Steps</h3>
 </div><div class="column" style="width:50%;">
 <div class="quarto-figure quarto-figure-center">
 <figure>
-<p><img data-src="images/copy_paste.png" class="shadow quarto-figure quarto-figure-center" style="width:100.0%"></p>
+<p><a href="https://grit42.com/news/excel-hell"><img data-src="images/copy_paste.png" class="shadow quarto-figure quarto-figure-center" style="width:100.0%" alt="An cartoon image of a man taking off his glasses. In the speech bubble, it say Wow! Copy/paste all day? I'm SOO lucky!"></a></p>
 </figure>
 </div>
 </div></div>
@@ -1555,8 +1556,8 @@ <h3 class="center" id="steps-2">Steps</h3>
       }</style></aside>
 </section>
 <section id="reporting-in-r-quarto" class="slide level2">
-<h2>Reporting in R: Quarto <img data-src="images/quarto_logo.png" class="center-inline" height="60"></h2>
-<p><img data-src="images/quarto_illustration.png"></p>
+<h2>Reporting in R: Quarto <img data-src="images/quarto_logo.png" class="center-inline" alt="An image of the Quarto logo." height="60"></h2>
+<p><a href="https://allisonhorst.com/cetinkaya-rundel-lowndes-quarto-keynote"><img data-src="images/quarto_illustration.png" alt="An image of a three step workflow for rendering a Quarto document. The first bubble has logos for R and other programming languages. The middle bubble says Quarto and the last bubble shows HTML, PDF and MS Word docs."></a></p>
 <aside class="notes">
 <ul>
 <li>R has really grow when it comes to reporting</li>
@@ -1581,8 +1582,8 @@ <h2>Reporting in R: Quarto <img data-src="images/quarto_logo.png" class="center-
       }</style></aside>
 </section>
 <section id="reporting-in-r-shiny" class="slide level2">
-<h2>Reporting in R: Shiny <img data-src="images/shiny_logo.png" class="center-inline" height="60"></h2>
-<p><img data-src="images/shiny_app.png"></p>
+<h2>Reporting in R: Shiny <img data-src="images/shiny_logo.png" class="center-inline" alt="The R Shiny logo." height="60"></h2>
+<p><img data-src="images/shiny_app.png" alt="An screenshot of a R Shiny app example."></p>
 <aside class="notes">
 <ul>
 <li>As many of you know, you can also create application from R</li>
@@ -1773,7 +1774,7 @@ <h2>Witch Report</h2>
 </section>
 <section id="prettier-witch-report" class="slide level2">
 <h2>Prettier Witch Report</h2>
-<p><img data-src="images/witch_report_pretty.png" class="absolute" style="top: 100px; left: 50px; width: 35%; "> <img data-src="images/witch_report_pretty2.png" class="absolute" style="top: 100px; left: 600px; width: 35%; "></p>
+<p><img data-src="images/witch_report_pretty.png" class="absolute" style="top: 100px; left: 50px; width: 35%; " alt="A screenshot of the cover page of a templated Word doc rendered from Quarto."> <img data-src="images/witch_report_pretty2.png" class="absolute" style="top: 100px; left: 600px; width: 35%; " alt="A screenshot of another page of a templated Word doc rendered from Quarto."></p>
 <aside class="notes">
 <ul>
 <li>That’s ok. You can output reports in Quarto as PDFs or in Word</li>
@@ -1795,7 +1796,7 @@ <h2>Prettier Witch Report</h2>
 <section id="quarto-templates" class="slide level2">
 <h2>Quarto Templates</h2>
 <div class="center">
-<p><a href="https://github.com/USFWS/akrreport"><img data-src="images/akrreportr.png" style="width:70.0%"></a></p>
+<p><a href="https://github.com/USFWS/akrreport"><img data-src="images/akrreportr.png" style="width:70.0%" alt="A screenshot of the GitHub repository for the akrreportr R package."></a></p>
 </div>
 <aside class="notes">
 <ul>
@@ -1817,7 +1818,7 @@ <h2>Quarto Templates</h2>
 <section id="share-products" class="slide level2">
 <h2>Share Products</h2>
 
-<img data-src="images/posit_connect.png" class="center r-stretch"><aside class="notes">
+<img data-src="images/posit_connect.png" class="center r-stretch" alt="An image showing the various R packages and programming languages that are compatable with Posit Connect."><aside class="notes">
 <ul>
 <li>I’ll just briefly say that once you have written a report in Quarto or an application in Shiny, it is a straightforward step to making that product available as a website. You can even run it on a schedule to produce an updated report or email it regularly to a decision maker.</li>
 <li>This can all be done using Posit Connect, a publishing service available to FWS.</li>
@@ -1837,7 +1838,7 @@ <h2>Share Products</h2>
 </section>
 <section id="preserve-products" class="slide level2">
 <h2><span class="cursive">Preserve Products</span></h2>
-<p><img data-src="images/witch_preserve.png" class="absolute" style="top: 100px; right: 150px; height: 600px; "> <img data-src="images/workflow_preserve_products.png" class="absolute" style="top: 80px; left: 300px; height: 650px; "></p>
+<p><img data-src="images/witch_preserve.png" class="absolute" style="top: 100px; right: 150px; height: 600px; " alt="An AI generated image of a claymation style witch. She is angry and writing on a paper at a desk in the boreal forest. There is a moose in the background."> <img data-src="images/workflow_preserve_products.png" class="absolute" style="top: 80px; left: 300px; height: 650px; " alt="An image of a data workflow, starting with Project Setup and ending with Preserve Products. The Preserve Products step is highlighted."></p>
 <aside class="notes">
 <ul>
 <li>We can’t skip the preservation step.</li>
@@ -1860,7 +1861,7 @@ <h2><span class="cursive">Preserve Products</span></h2>
 <section id="summary" class="title-slide slide level1 center">
 <h1>Summary</h1>
 
-<img data-src="images/workflow_simple.png" class="r-stretch"><aside class="notes">
+<img data-src="images/workflow_simple.png" alt="An image of a data workflow, starting with Project Setup and ending with Preserve Products." class="r-stretch"><aside class="notes">
 <ul>
 <li>We’ve throw a lot at you and your head might be spinning</li>
 <li>We covered what script based workflows are.</li>
@@ -1899,7 +1900,7 @@ <h1>Questions</h1>
 <div class="quarto-auto-generated-content">
 <p><img src="images/FWS-logo.png" class="slide-logo"></p>
 <div class="footer footer-default">
-<p><img data-src="images/FWS-logo.png"> <a href="https://doimspp.sharepoint.com/sites/fws-FF07S00000-data/SitePages/Alaska-Data-Week-2024.aspx" class="author">Alaska Data Week 2024</a></p>
+<p><img data-src="images/FWS-logo.png"> <a href="https://doimspp.sharepoint.com/sites/fws-FF07S00000-data/SitePages/Alaska-Data-Week-2024.aspx" class="author" data-fig-alt="The US Fish and Wildlife Service logo">Alaska Data Week 2024</a></p>
 </div>
 </div>
 </section>

docs/_mccrea.html

@@ -7,7 +7,7 @@ format:
     width: 1280
     height: 720
     logo: images/FWS-logo.png
-    footer: "![](images/FWS-logo.png) [Alaska Data Week 2024](https://doimspp.sharepoint.com/sites/fws-FF07S00000-data/SitePages/Alaska-Data-Week-2024.aspx){.author}"
+    footer: '![](images/FWS-logo.png) [Alaska Data Week 2024](https://doimspp.sharepoint.com/sites/fws-FF07S00000-data/SitePages/Alaska-Data-Week-2024.aspx){fig-alt="The US Fish and Wildlife Service logo" .author}'
 editor: source
 highlight-style: a11y
 ---
@@ -47,8 +47,9 @@ theme_fws <- function() {
 
 ## [Analysis]{.cursive}
 
-![](images/witch_analysis.png){.absolute top="100" right="150" height=600}
-![](images/workflow_analyze.png){.absolute top="80" left="300" height=650}
+![](images/witch_analysis.png){fig-alt="An AI generated image of a claymation witch sitting at a desk in the boreal forest writing code." .absolute top="100" right="150" height=600}
+
+![](images/workflow_analyze.png){.absolute top="80" left="300" fig-alt="A diagram of the data workflow from Project setup to Preserve Products. The Analyze step is highlighted." height=650}
 
 ::: notes
 - Thanks Emma. 
@@ -92,7 +93,7 @@ theme_fws <- function() {
 :::
 
 ::: {.column width="50%"}
-![](images/mark.png){.shadow width="100%" fig-align="center"}
+![](images/mark.png){fig-alt="An image of a stack of Microft windows from Program MARK." .shadow width="100%" fig-align="center"}
 :::
 
 :::
@@ -206,7 +207,7 @@ get_nlcd(tetlin, label = "tetlin", year = 2016, landmass = "AK")
 ```
 
 ::: {.fragment}
-![](images/nlcd.png){height=400}
+![](images/nlcd.png){fig-alt="A map show National Land Cover Data and the boundary of Tetlin Refuge." height=400}
 :::
 
 ::: notes
@@ -267,10 +268,10 @@ names(water) <- "water"
 
 ::: columns
 ::: {.column width="50%"}
-![](images/forest_distance.png)
+![](images/forest_distance.png){fig-alt="A map of Distance to Forest for Tetlin National Wildlife Refuge."}
 :::
 ::: {.column width="50%"}
-![](images/water_distance.png)
+![](images/water_distance.png){fig-alt="A map of Distance to Water in Tetlin National Wildlife Refuge."}
 :::
 :::
 
@@ -427,8 +428,8 @@ mod@estimates
 
 ## [Summarize Results]{.cursive}
 
-![](images/witch_summarize_results.png){.absolute top="100" right="150" height=600}
-![](images/workflow_summarize_results.png){.absolute top="80" left="300" height=650}
+![](images/witch_summarize_results.png){fig-alt="An AI generated image of a claymation witch sitting in front of a computer in the boreal forest. She has a thinking bubble over her head. In the bubble is a statistical plot." .absolute top="100" right="150" height=600}
+![](images/workflow_summarize_results.png){fig-alt="A data workflow diagram, starting at Project Setup and ending with Preserve Products. The Summarize Results step is highlighted." .absolute top="80" left="300" height=650}
 
 ::: notes
 As such, the next step in our workflow is to summarize our results.
@@ -951,8 +952,8 @@ map_se
 
 ## [Report]{.cursive}
 
-![](images/witch_report.png){.absolute top="100" right="150" height=600}
-![](images/workflow_report.png){.absolute top="80" left="300" height=650}
+![](images/witch_report.png){fig-alt="An AI generated image of a claymation style witch handing a man a report. They are in the boreal forest. A lynx is in the background" .absolute top="100" right="150" height=600}
+![](images/workflow_report.png){fig-alt="A data workflow diagram, starting with Project Setup and ending with Preserve Products. The Report step is highlighted." .absolute top="80" left="300" height=650}
 
 ::: notes
 -   The next step in the workflow is Reporting.
@@ -993,7 +994,7 @@ map_se
 :::
 
 ::: {.column width="50%"}
-![](images/copy_paste.png){.shadow width="100%" fig-align="center"}
+[![](images/copy_paste.png){fig-alt="An cartoon image of a man taking off his glasses. In the speech bubble, it say Wow! Copy/paste all day? I'm SOO lucky!" .shadow width="100%" fig-align="center"}](https://grit42.com/news/excel-hell)
 :::
 
 :::
@@ -1009,9 +1010,9 @@ map_se
 :::
 
 
-## Reporting in R: Quarto ![](images/quarto_logo.png){.center-inline height="60px"}
+## Reporting in R: Quarto ![](images/quarto_logo.png){fig-alt="An image of the Quarto logo." .center-inline height="60px"}
 
-![](images/quarto_illustration.png)
+[![](images/quarto_illustration.png){fig-alt="An image of a three step workflow for rendering a Quarto document. The first bubble has logos for R and other programming languages. The middle bubble says Quarto and the last bubble shows HTML, PDF and MS Word docs."}](https://allisonhorst.com/cetinkaya-rundel-lowndes-quarto-keynote)
 
 ::: notes
 - R has really grow when it comes to reporting 
@@ -1025,9 +1026,9 @@ map_se
 :::
 
 
-## Reporting in R: Shiny ![](images/shiny_logo.png){.center-inline height="60px"}
+## Reporting in R: Shiny ![](images/shiny_logo.png){fig-alt="The R Shiny logo." .center-inline height="60px"}
 
-![](images/shiny_app.png)
+![](images/shiny_app.png){fig-alt="An screenshot of a R Shiny app example."}
 
 ::: notes
 - As many of you know, you can also create application from R
@@ -1194,8 +1195,8 @@ ggplot(pred, aes(x = covariateValue, y = Predicted),
 
 ## Prettier Witch Report 
 
-![](images/witch_report_pretty.png){.absolute top="100" left="50" width="35%"}
-![](images/witch_report_pretty2.png){.absolute top="100" left="600" width="35%"}
+![](images/witch_report_pretty.png){fig-alt="A screenshot of the cover page of a templated Word doc rendered from Quarto." .absolute top="100" left="50" width="35%"}
+![](images/witch_report_pretty2.png){fig-alt="A screenshot of another page of a templated Word doc rendered from Quarto." .absolute top="100" left="600" width="35%"}
 
 ::: notes
 - That's ok. You can output reports in Quarto as PDFs or in Word
@@ -1207,7 +1208,7 @@ ggplot(pred, aes(x = covariateValue, y = Predicted),
 ## Quarto Templates
 
 ::: {.center}
-[![](images/akrreportr.png){width="70%"}](https://github.com/USFWS/akrreport)
+[![](images/akrreportr.png){fig-alt="A screenshot of the GitHub repository for the akrreportr R package." width="70%"}](https://github.com/USFWS/akrreport)
 :::
 
 ::: notes
@@ -1218,7 +1219,7 @@ ggplot(pred, aes(x = covariateValue, y = Predicted),
 
 ## Share Products
 
-![](images/posit_connect.png){.center}
+![](images/posit_connect.png){fig-alt="An image showing the various R packages and programming languages that are compatable with Posit Connect." .center}
 
 ::: notes
 - I'll just briefly say that once you have written a report in Quarto or an application in Shiny, it is a straightforward step to making that product available as a website. You can even run it on a schedule to produce an updated report or email it regularly to a decision maker.
@@ -1229,8 +1230,8 @@ ggplot(pred, aes(x = covariateValue, y = Predicted),
 
 ## [Preserve Products]{.cursive}
 
-![](images/witch_preserve.png){.absolute top="100" right="150" height=600}
-![](images/workflow_preserve_products.png){.absolute top="80" left="300" height=650}
+![](images/witch_preserve.png){fig-alt="An AI generated image of a claymation style witch. She is angry and writing on a paper at a desk in the boreal forest. There is a moose in the background." .absolute top="100" right="150" height=600}
+![](images/workflow_preserve_products.png){fig-alt="An image of a data workflow, starting with Project Setup and ending with Preserve Products. The Preserve Products step is highlighted." .absolute top="80" left="300" height=650}
 
 ::: notes
 - We can't skip the preservation step. 
@@ -1241,7 +1242,7 @@ ggplot(pred, aes(x = covariateValue, y = Predicted),
 
 # Summary
 
-![](images/workflow_simple.png)
+![](images/workflow_simple.png){fig-alt="An image of a data workflow, starting with Project Setup and ending with Preserve Products."}
 
 ::: notes
 - We've throw a lot at you and your head might be spinning

docs/_mccrea.qmd

@@ -142,6 +142,9 @@ $code-block-border-left: $light-blue;
   fig-align: "center";
   border-radius: 5px;
   box-shadow: 4.2px 4.5px 2.5px rgba(65, 65, 65, 0.737);
+  
+}
+
 }
 
 /* change font color */
@@ -182,3 +185,4 @@ $code-block-border-left: $light-blue;
   font-size: 0.5em;
 }
 
+main