কীভাবে কোনও ওয়েব পৃষ্ঠার অ্যাক্সেসযোগ্য ডিজাইন তৈরি করতে হয়

ল্যাপটপ স্ক্রিন

অনলাইন স্টোর, ব্যাঙ্কিং অ্যাপ্লিকেশন, হোটেল রিজার্ভেশন বা ফ্রিল্যান্স কাজ এবং আরও অনেক কিছু যে কাজগুলি ইন্টারনেটের মাধ্যমে পরিচালিত হয় এবং কিছু ক্ষেত্রে এটি প্রতিস্থাপন করা হয়েছে, প্রচলিত মিডিয়া।

এস্তে ডিজিটাল অপারেশনগুলির দ্রুত বৃদ্ধি আমাদের পক্ষে সহজ করে তুলেছে অনেক দিক থেকে জীবন। এটি আমাদের সময় বাঁচায় যেহেতু লেনদেনগুলি দ্রুত হয় এবং কোনও শারীরিক প্রতিষ্ঠানে ভ্রমণের দরকার নেই এবং অবশ্যই, নতুন মিডিয়া তৈরি করা হয়েছে যা এর আগে ছিল না এবং এটি এখন বেশিরভাগ লোকেরা যেমন সোশ্যাল নেটওয়ার্ক, স্ট্রিমিং মুভি এবং নেটফ্লিক্সের মতো প্ল্যাটফর্মে সিরিজ, বা পেপালের মতো অনলাইন পেমেন্ট সিস্টেমগুলি ব্যবহার করে।

ডিজিটাল বিশ্বের এই উত্থানের সাথে এটি অপরিহার্য অ্যাক্সেসযোগ্য এবং ডিজাইন করা ইন্টারফেসগুলির বিকাশে বিনিয়োগ করুন ব্যবহারকারীদের জন্য। তবে আমরা তা ভুলতে পারি না অক্ষমতায় ভুগছেন এমন ব্যবহারকারীরা আছেন শারীরিক বা মনস্তাত্ত্বিক যা তাদের অভিজ্ঞতা এবং কম্পিউটার এবং মোবাইল ব্যবহারের দক্ষতাকে যথেষ্ট পরিমাণে সীমাবদ্ধ করে।

যদিও কিছু অক্ষমতা রয়েছে যেমন হুইলচেয়ার ব্যবহার করে এমন লোকেরা যারা ইন্টারনেট ব্যবহারে হস্তক্ষেপ করে না, অন্যদের যেমন দৃষ্টি সমস্যা বা অন্ধত্ব, মোটর সমন্বয়ের সমস্যা, বধিরতা বা অটিজম, তারা ওয়েবে নেভিগেট করার আপনার ক্ষমতা গুরুতরভাবে বাধা দিতে পারে। এই ক্ষেত্রে, ইতিমধ্যে কিছু তৈরি করা হয়েছে ডিভাইসের পর্দার পাঠকদের মতো, যারা ব্যবহারকারীদের সহায়তা এবং সহায়তা করে তাদের অক্ষমতা আছে এমন অঞ্চলে।

তবে সমস্যাটি সমাধানের এটিই প্রথম অংশ। এই ব্যবহারকারীদের চিন্তাভাবনা, আমাদের করতে হবে ডিজাইন ওয়েব পৃষ্ঠা ইন্টারফেস যে আপনার অভিজ্ঞতা এবং আপনার প্রয়োজন অনুসারে। ডিজাইন করার সময় কিছু নীতি রয়েছে যা আমরা প্রয়োগ করতে পারি।

সামগ্রী এবং উত্স

সর্বাধিক বেসিক দিয়ে শুরু করা, আপনাকে করতে হবে বিষয়বস্তু নকশায় অগ্রাধিকার সেট করুন। শিরোনাম এবং মেনু বারটি অবশ্যই দর্শনীয়ভাবে সহজেই লোকেশনযোগ্য হতে হবে এবং ব্যবহারকারী অবশ্যই দেখবে thing হোম পৃষ্ঠাতে থাকা উপাদানগুলি, চিত্রগুলি এবং সম্পর্কিত তথ্যগুলি দ্বিতীয়টি সনাক্ত করতে হবে।

বিজ্ঞাপন বা বিজ্ঞাপনের ব্যানার অনেক পৃষ্ঠায় প্রদর্শিত হয়। যদি এটি নিজেই সমস্ত ব্যবহারকারীর জন্য বিরক্তিকর হয়, তবে দৃষ্টি প্রতিবন্ধীদের জন্য এটি একটি সমস্যা কারণ এটি প্রচুর বিভ্রান্তি সৃষ্টি করে এবং ওয়েব চিত্রটি পড়ার ক্ষেত্রে হস্তক্ষেপ করে। এজন্য এটি আপনার তৈরি করা অপরিহার্য সাধারণ সম্পাদকীয় নকশা যে পৃষ্ঠার যৌক্তিকভাবে সংগঠিত এবং বোধগম্য, এবং উপাদানগুলি যথাযথ আকারে মাপানো হয় যাতে অন্যান্য বিঘ্ন থাকলেও ব্যবহারকারীরা গুরুত্বপূর্ণ সামগ্রীতে ফোকাস করতে পারে।

আপনি যে ফন্টগুলি ব্যবহার করেন সাধারণত তাদের হতে হবে বড় এবং সুগঠিত আপনি উত্তর দিবেন না সানস সিরিফ এবং সাহসী যারা ডিসলেক্সিয়ায় আক্রান্ত হতে পারে তাদের পক্ষে তারা পড়া অনেক সহজ করে তোলে। অন্যান্য প্রস্তাবিত ফন্টগুলি হ'ল: আরিয়াল, টাইমস নিউ রোমান, হেলভেটিকা, তাহোমা, ক্যালিব্রি এবং ভার্দানা।

এবং অবশ্যই, আপনার সর্বদা যত্ন নেওয়া উচিত যে এর মধ্যে একটি স্পষ্ট পার্থক্য রয়েছে পাঠ্য এবং পটভূমি। অনুরূপ রং ব্যবহার করবেন না, বরং চয়ন করুন বিপরীতে রঙ

সানস সেরিফ বোল্ড টাইপফেস

সানস সেরিফ বোল্ড ফন্টগুলি ব্যবহার করে পাঠ্যের আরও ভাল দৃশ্যধারণ করা যায়।

বিকল্প পাঠ্য

El বিকল্প পাঠ্য বা আল্ট ট্যাগ হ'ল বিবরণ যা চিত্রগুলিতে স্থাপন করা হয় ওয়েব পৃষ্ঠায়। যদিও এই পাঠ্যটি ব্যবহারকারীদের পড়ার জন্য উপলভ্য নয়, ক ভাল-লিখিত বিবরণ এমন একটি সরঞ্জাম যা আমাদের আরও ভাল এসইও পজিশন অর্জন করতে সহায়তা করে।

তবে অলট ট্যাগের কার্যকারিতা কেবল এটিতেই কমেনি। তাদের জন্য ব্যবহারকারীরা স্ক্রিন রিডার ব্যবহার করে দৃষ্টি প্রতিবন্ধকতাগুলির জন্য, চিত্রগুলির বর্ণনা কেবল চেহারাটি কী তা তাদের জানতে হবে পৃষ্ঠায় প্রকাশ করা হয় কি। সুতরাং আমরা যদি স্থাপন করতে যাচ্ছি, উদাহরণস্বরূপ, কিছু উপকারীদের একটি ছবি, একটি ভাল বিকল্প পাঠ্য হবে: গোলাপী হাঁড়িতে তিনটি রসালো গাছ। একটি খুব সংক্ষিপ্ত পাঠ্য: সংক্ষেপিত গাছপালা, এটি এমন কোনও বিবরণ নয় যা প্রাসঙ্গিক বিশদ দেয় এবং তাই কাজ করে না।

গোলাপী পাত্রে সুকুল্যান্টস

গোলাপী হাঁড়িতে তিনটি রসালো গাছ। বিকল্প পাঠ্য উদাহরণ।

উপযোগীকরণ

ডিজাইনের সময় আমাদেরও সব কিছু বিবেচনায় নিতে হবে উপস্থাপনা যাতে আমাদের ইন্টারফেস প্রদর্শিত হবেহয় হয় ওয়েব বা মোবাইল সংস্করণ। আমরা যে মাধ্যমটি দেখছি তার উপর নির্ভর করে অভিজ্ঞতা সর্বদা আলাদা হবে।

আমরা যখন মোবাইলটি ব্যবহার করি, আমরা বিভিন্ন পরিবেশে উদ্ভাসিত হতে পারে যে পড়া কঠিন করে তোলে বিষয়বস্তুর পর্দার। উদাহরণস্বরূপ যদি আমরা বাইরে থাকি তবে সূর্যের উজ্জ্বলতা পর্দাটিকে খুব গা dark় দেখায় এবং শোরগোল আমাদের অডিওটি ভাল শুনতে দেয় না। এ কারণেই এই বিবরণগুলি সম্পর্কে সাবধানতার সাথে চিন্তা করা গুরুত্বপূর্ণ, যাতে মোবাইল সংস্করণে বড় বড় অক্ষর এবং গা dark় রঙ থাকে এবং ভিডিওগুলি শুনতে অসুবিধা হলে ভিডিওগুলিকে সাবটাইটেল থাকতে হবে।

মোবাইলের স্ক্রিন

ইন্টারফেস ডিজাইনটি এমনভাবে গ্রহণ করুন যাতে এটি মোবাইল ফোন এবং কম্পিউটার উভয়ই পঠনযোগ্য।

নকশায় ধারাবাহিকতা

সম্পাদকীয় নকশা আমরা আমাদের ওয়েবসাইটের সাথে কি করি বিভাগটি নির্বিশেষে একই হতে হবে তুমি কোথায় মেনু বারে একই আইকনগুলি যোগাযোগ বিভাগের মতো হোম বিভাগে প্রদর্শিত হবে। আমাদের অবশ্যই স্টাইল পরিবর্তন করা উচিত নয় বা ওয়েবে কী বোতামগুলির অবস্থান।

স্বয়ংক্রিয়ভাবে প্লে হওয়া ভিডিওগুলি রাখা আমাদের পক্ষেও সুবিধাজনক নয় পৃষ্ঠাটি খোলার সময়। স্ক্রিন পাঠক ব্যবহারকারীদের জন্য, কীভাবে তাদের বিরতি দেওয়া যায় তা জানা কঠিন is

স্টারবাক্স ওয়েবসাইট

স্টারবাক্স পৃষ্ঠার মেনু বারটি সমস্ত বিভাগে একই।

কীবোর্ড নেভিগেশন

শেষ অবধি, মোটর সমন্বয়ের সমস্যাযুক্ত কিছু ব্যবহারকারীকে কম্পিউটারের মাউস ধরতে বা ল্যাপটপের টাচপ্যাড ব্যবহার করতে সমস্যা হয় এবং কেবল কীবোর্ডের উপর নির্ভর করে। নিশ্চিত হও আপনার ওয়েবসাইটটি একভাবে ডিজাইন করা হয়েছে যে সম্পূর্ণ হতে পারে কেবল কীবোর্ড বোতামের সাহায্যে কার্যক্ষম।


আপনার মন্তব্য দিন

আপনার ইমেল ঠিকানা প্রকাশিত হবে না। প্রয়োজনীয় ক্ষেত্রগুলি দিয়ে চিহ্নিত করা *

*

*

  1. ডেটার জন্য দায়বদ্ধ: মিগুয়েল অ্যাঞ্জেল গাটান
  2. ডেটার উদ্দেশ্য: নিয়ন্ত্রণ স্প্যাম, মন্তব্য পরিচালনা।
  3. আইনীকরণ: আপনার সম্মতি
  4. তথ্য যোগাযোগ: ডেটা আইনি বাধ্যবাধকতা ব্যতীত তৃতীয় পক্ষের কাছে জানানো হবে না।
  5. ডেটা স্টোরেজ: ওসেন্টাস নেটওয়ার্কস (ইইউ) দ্বারা হোস্ট করা ডেটাবেস
  6. অধিকার: যে কোনও সময় আপনি আপনার তথ্য সীমাবদ্ধ করতে, পুনরুদ্ধার করতে এবং মুছতে পারেন।