# Ted 活動紀錄 ###### tags: `活動紀錄` ## ==20241212== ### 無障礙檢測 (Freego Sep 27 2024) - **HM1130100C 網頁中的標頭組件必須要按照正確的巢狀層次結構來配置** 已解決首頁A級中`h1`~`h6`層級沒有正確使用的問題，因機場首頁沒有`h1`的需求故使用`h2`作為主要應用，已經把`h2`作為首頁裡每一個區塊的內容標題，以下簡圖: ![image](https://hackmd.io/_uploads/Sk3gxG_VJg.png) - **HM1130104C 可見的表單控制元件均需有對應的標籤＜label＞組件，或有標題(title)屬性，且其內容或值均不得為空字串或空白** 已解決此A級問題，主要改進所有`input`需要搭配一個`label`且`label`中`for=""`的命名須與`input`的`id`相同，`input`需要一個正確的`type=""`與`name=""`，如果不需要顯示`label`的內容可以使用CSS隱藏(`class="sr-only"`)但保有閱讀器可導覽的功能，以下簡圖: ![image](https://hackmd.io/_uploads/H1SAgMONyx.png) - **HM1410200C 依據規格使用表單控制元件組件及鏈結組件，完整提供各組件之角色、名稱、屬性、值** 已解決此A級問題，發現是`button`未使用`aria-label=""`提供可辨識名稱所致，以下簡圖: ![image](https://hackmd.io/_uploads/SySNH7OE1e.png) - **無障礙檢測網頁為空白** 這裡要注意可能沒有開啟設定中的 **Javascript** 為啟用所致，如下圖: ![image](https://hackmd.io/_uploads/BkA3QzdN1x.png) 為了能更好的展示此問題便在 **app.blade.php** 內加上了以下提示: ``` <body class="font-sans antialiased"> {{-- 用於未開啟或是支援JavaScript的用戶給予網頁提示 --}} <noscript class="relative z-20 text-white font-bold"> <div class="p-3 bg-black/70"> <h1>台中國際機場</h1> <p>您的瀏覽器不支援 JavaScript 或 JavaScript已停用，請先至您的瀏覽器設定中開啟 JavaScript</p> </div> <div class="px-3 pb-3 bg-black/70"> Your browser does not support JavaScript. If the webpage function is not working properly, please open the browser JavaScript status. </div> </noscript> @inertia </body> ``` ### [台中國際機場進度表](https://docs.google.com/spreadsheets/d/1hy-p0d_QfdMBENGMXW2ER9TvYWnVFaY0pz8E1zfwzC0/edit?usp=sharing) ## ==20241008== - **Laravel資料表建立** 利用"https://www.drawdb.app/editor"輔助建立表單，建立表單後首先需要先建立檔案 - 建立 Migration 檔案 `php artisan make:migration create_資料表名_table` 建立位置:database>migrations>create_資料表名_table - 建立 Model 檔案-(資料表關聯) ` php artisan make:model 檔案名稱` 建立位置:app>Models>檔案名 - 推送表單 `php artisan migrate`，推送失敗可以檢查關聯的檔案是否有順序問題，被關聯的檔案需要再被關聯前建立好才能開始關聯，另外要確認命名是否有錯誤。